ES6의 특징

ES6란

기존 ES5버전의 한계를 개선하기 위해 자바스크립트에서 만들어낸 새로운 버전을 ES6 라고합니다.

📍 let, const

https://velog.io/@x0ng120x/let-const-var
위 내용을 참조하세요.

📍 템플릿 리터럴

https://velog.io/@x0ng120x/Template-Literals
위 내용을 참조하세요.

📍 화살표 함수

함수표현식을 화살표 함수로 간결하게 표현 가능해졌습니다. 또한 return의 생략이 가능해졌습니다.

// ES5 함수표현식
function add(a, b) {
  return a + b;
}

// ES6 함수표현식 - 화살표 함수
const add = (a, b) => {
  return a + b;
}

// ES6 함수표현식 - 화살표 함수 return 생략
const add = (a, b) => a + b;

📍 구조 분해 할당

https://velog.io/@x0ng120x/Destructuring-Assignment
위 내용을 참조하세요.

📍 Promise

이전에는 비동기를 처리하기 위해 callback함수를 사용하였으나 이는 콜백헬을 야기했습니다. 이러한 문제를 해결하기 위해 promise를 새롭게 만들게 되었으며, .then()을 활용하여 효과적인 코딩이 가능하게 되었습니다.

axios.get("http://numbersapi.com/random?min=1&max=200")
.then((res) => {
	console.log("axios.get의 리턴값은 promise로 .then()을 활용하여 콜백지옥을 피할 수 있음");
})

📍 Class

Class의 도입으로 상속 등의 개념을 적용할 수 있어 더 좋은 가독성을 가진 코드를 만들어 낼 수 있게 되었습니다.