▶ ES6 이란?

JavaScript ES6 (ECMAScript 2015 또는 ECMAScript 6)은 ECMA-262 기술 규격에 따라 정의하고 있는 2015년에 도입된 최신 버전의 JavaScript를 말한다.

▶ ES6은 어떤게 다를까?

① let, const 키워드 추가

ES6 이후부터 var은 사용하지 않는 추세이며 재할당이 필요한 경우에만 let을 사용한다.

《 자세히 알아보기! 》

② 화살표 함수 추가

ES6 버전에서 화살표 함수를 사용하여 함수 표현식을 생성할 수 있다.

《 자세히 알아보기! 》

③ 삼항 연산자 추가

if 문을 간단하게 표현하고 싶을 때 사용한다.

《 자세히 알아보기! 》

④ 구조 분해 할당

• 배열[]이나 객체{}의 속성(값, 프로퍼티)을 분해해서 그 값을 변수에 담을 수 있게 해주는 문법이다.
• 객체나 배열에 저장된 데이터 일부를 사용하기 위해 사용한다.

《 자세히 알아보기! 》

⑤ 단축 속성명 추가

단축 속성명 (property shorthand)을 사용하면, 객체(object)의 key와 value 값이 같다면, 생략이 가능하다!

《 자세히 알아보기! 》

⑥ 나머지 매개변수와 전개 구문

《 자세히 알아보기! 》

⑦ 템플릿 리터럴

템플릿 리터럴이란 따옴표 대신 백틱(``)을 사용해 문자열을 표기하는 방식을 말한다.

《 자세히 알아보기! 》

⑧ 클래스 추가

프로토타입 문법(생성자, 상속 등)을 깔끔하게 작성할 수 있도록 class 문법이 도입되었다.

《 자세히 알아보기! 》

⑨ 객체 리터럴

메소드에 콜론(:)이나 function을 붙이지 않아도 돼서 이전 보다 훨씬 간결해진 코드로 객체를 선언할 수 있다.

《 자세히 알아보기! 》

⑩ 프로미스

프로미스란 내용이 실행은 되었지만 결과를 아직 반환하지 않은 객체를 말한다.

《 자세히 알아보기! 》