WIL 2 - JS의 ES란? ES5/ES6 차이점

ES란?

• ES란 'JavaScript'의 표준 규격을 의미한다.
• 탄생한 배경에는 '브라우저 전쟁'이라고 하는 웹 브라우저 시장에서의 점유율 싸움이 있었다. 넷스케이프 사에서 개발한 Javascript가 선풍적인 인기를 끌며 마이크로스프트의 인터넷 익스프로러3에 Jscript라는 이름으로 자바스크립트를 탑재했지만 실질적으로는 둘의 내용이 매우 달라서 같은 기능을 구현하더라도 개발자들이 해야할 일과 시간이 훨씬 늘어나게 되었다. (똑같은 기능인데 브라우저마다 다른 언어로 여러번 만들어야함. 비효율적)
• 사용자를 끌어들이기 위해 이것저것 기능을 추가하다보니 브라우저간의 호환성 문제가 더욱 심각해졌고 이를 보던 European Computer Manufacturers Association(현 ECMA)에서 JavaScript의 표준을 정하게 되었다.
• 우리가 현재 ES라고 부르는것은 'ECMA Script'의 약자이다
• ES 뒤에 5, 6이 붙는것은 버전넘버라고 생각하면 되고 2015 등 연도가 붙는건 해당 연도의 버전이라고 생각하면 된다. ES6 = ES 2015 (6번째 ES, 2015년에 출시)

ES5 / ES6 차이점

ES5 (2009)

• 배열에 forEach, map, filter, reduce, some, every와 같은 메소드들이 지원됐다.
• Object에 대한 getter와 setter가 지원됐다.
• JavaScript strict모드가 지원됐다. (기존에 비해서 더 엄격하게 문법 검사를 진행)
• json 형식의 자료들을 지원한다. 과거에는 XML이라는 규격을 사용했다가 json이 인기를 끌면서 javascript역시 지원을 하게 되었다.

ES6 (ES 2015)

• 자바스크립트의 대격변
• Hoisting을 개선했다. 기존에는 var키워드를 사용하여 호이스팅이 자주 일어나 문제가 있었는데 이를 방지하기 위해 블록 스코프를 가진 let과 const를 추가했다.
• 화살표 문법을 지원한다. 이로인해 코드가 간결해졌다
• Iterator와 Generator 추가.
• module의 import/export 추가
• Promise 도입 : callback에 대한 이슈를 해결할수있는 문법 도입.