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

모던자바스크립트로 개념 공부중 많이 나오는 얘기로는 ES5, ES6의 차이 였다.

오늘은 그 두개의 차이를 요약하고 주 마무리와 한주의 계획을 정리하고자 한다.

 

우선 ES는 ECMAScript의 약어로,

ECMAScript는 JavaScript를 포함하는 스크립트 언어의 규격을 제시하는 기구. 

ECMAScript의 표준 에디션(판)이 번호를 붙여 발표되고 있다

ES5는 2009년에 출시되어 현재 대부분의 브라우저에서 지원.

이후, 2015년에 ES6이 출시되면서 문법의 대격변이 시작 됨.

이때 화살표함수, class, let/const 등의 키워드가 추가.

 

현재는 ES10 -> 브라우저에서 모든 기능을 지원하지는 않지만, 여전히 대부분의 최신 브라우저에서 사용 가능

 

ES6에 추가된 기능

• let과 const 키워드: block scope을 가집니다. var 선언은 function scope을 가집니다.(var를 사용안하게 되는 이유)
• 화살표 함수: 함수 표현식을 더욱 간편하게 작성 () => {}
• 템플릿 리터럴(template literal): 문자열 내 쉽게 변수를 포함 =>`${}`
• class 키워드: 객체 지향 프로그래밍 패턴을 더욱 간편하게 작성할 수 있습니다.
• var 키워드 없이 변수 선언 가능: let과 const를 사용해서 변수를 선언할 수 있습니다.
• symbolic 프로퍼티 등 다양한 기능들이 추가되어 있습니다.

 ES5 코드가 ES6에서도 작동하는 것이 보장되도록 대부분의 브라우저에서,

ES6에서 ES5로 변환 가능한 transpiler (Babel 등)을 사용, 이를 통해 코드 호환성을 증가

 

이 정도로 책의 내용을 요약해 보았다. 

ES5문법도 알아야 전에 작성된 코드들도 알아보고 해석할 수 있기에,

아예 모르는 것은 추천하지 않는다고 함.!!

 

------------------------------------------------------------------------------------------------

이번주는 숫자야구 과제와 자바스크립트 강의를 보면서,

조건문 반복문의 개념을 조금씩 잡아가는데 도움이 되는 주였다고 생각

 

한 줄도 못치던 내가 비록 검색하면서지만 조금씩이라도 칠 수 있다는 데서 

할 수 있다고 생각이 드는 주였다.

또한 알고리즘 문제를 풀면서 생각하는 법을 가지고 설계를 하려고 노력.

 

앞으로는 꾸준히 알고리즘 문제를 풀면서 0단계는,

전부 풀고 1단계 2단계로 나아가는 것이 목표

자바스크립트를 눈에 익히기 위해 모던자바스크립트 회독,

리액트 문법과 친해지기 위해 인터넷 자료들을 확인할 계획.

항해에서 나오는 주간 목표는 무조건 도달하자가 나의 항해 목표!