JavaScript의 ES란?, ES5/ES6 문법 차이

Ecma International이 ECMA-262a 기술 규격에 따라 정의하고 있는 표준화된 스크립트 프로그래밍 언어를 말한다(Stefanov, Stoyan (2010). 《JavaScript Patterns》. O'Reilly Media, Inc. 5쪽. ISBN 9781449396947.

The core JavaScript programming language [...] is based on the ECMAScript standard,

or ES for short

라고 나와있다.. 즉 줄임말이다.)

ECMA-262는 10개의 판이 출판되었다. 10판 표준에 대한 작업은 2019년 6월에 마무리됐다.

뒤에 숫자는 버전을 뜻하는데 ES5(2009년) ES6(2015년) 출시하였습니다.

버전별로 확인하다 보면 ES6 이후에는 매년 업데이트가 되고 있는 반면,

ES5와 ES6 사이에는 시간 차이가 있는데요.(6년) 많은 기능들을 추가되었습니다.

취업시장에선 ES6+(ES6 이후, 모던 자바스크립트라고 부름) 이상을 요구하고 있습니다.

ES5에 비해서 ES6에 추가된 기능들을 나열해보며, 기존과 차이를 알아야 한다고 생각합니다.

우리가 흔히 사용하는 ES5, ES6은 버전 숫자를 붙여 ECMAScript를 줄여쓰는 말이다.
참고로 2015년에 나온 것이 ES5이고 2016년에 나온 것이 ES6라고 착각할 수 있는데,
ES5는 2009년에 발표되었고 ES6는 2015년에 발표되었다.\

 

 

그럼 ES6의 특징에 대해 알아보자.

템플릿 리터럴

ES6부터 새롭게 등장한 템플릿 리터럴. 덕분에 문자열 표현이 훨씬 간단해졌다.
템플릿 리터럴이란 작은 따옴표나 큰 따옴표 대신 백틱(`)으로 문자열을 감싸 표현하는 기능을 말한다.
템플릿 리터럴을 사용하면 플레이스 홀더(${variable})를 사용하여 백틱 내부에 문자열과 함께 표현식을 넣을 수 있다.

 

ES5

var name = "현진";
var age = 25;
console.log("저의 이름은 " + name + "이고, 나이는 " + age + "살 입니다.");

 

ES6

var name = "현진";
var age = 25;
console.log(`저의 이름은 ${name}이고, 나이는 ${age}살 입니다.`);

 

...