🎈해당 글은 자바스크립트 마스터북 2판을 보고 작성하였습니다.
ES6
ESMAScript란 표준화 단체 ECMA International이 표준화한 JS이다.
가장 최신판은 15년 6월에 만들어진 ESMAScript2015이고 에디션 번호를 이용하여 ES6이라고도 불린다.
- class 명령 도입으로 class 정의가 가능
- import/export 명령으로 코드의 모듈화 지원
- 함수 구문의 개선(Arrow functioin, 인수의 기본값, 가변길이 인수 등)
- let/const 명령에 의한 블록 스코프의 도입
- for...of 명령에 의한 값의 열거
- 반복자/생성자에 의한 열거 가능한 객체의 조작이 가능
- 내장형 객체의 확충
- String/Number/Array 등 기존 내장형 객체 기능 확장
Babel
ES6이 배포되었을때 몇몇 브라우저들의 대응률이 떨어졌다. 이러한 이유로 ES6을 이용하려면 트랜스 컴파일러(Babel)의 도움을 필요로 했다.
트랜스 컴파일러는 ES6의 코드를 종래의 ES5 사양의 코드로 변환하기 위한 도구이다.
Google Chrome 개발자 도구
- Elements: HTML/CSS의 상태 확인
- Network: 브라우저에서 발생한 통신 추적
- Sources: 스크립트의 디버그
- Application: 쿠키/스토로지 등의 내용 확인
- Console: 콘솔(변수 정보 확인, 에러 메세지 표시 등)
개발새발