ES6 개념, 바벨(Babel), ECMAscript - FE study9

김태은·2020년 1월 15일
0

프론트엔드 공부

목록 보기
9/16

1. ES6?

  • ECMAscript : 스크립트 언어가 준수해야 하는 규칙, 세부 사항 및 지침을 제공.

  • Javascript : ECMAScript 사양을 준수하는 범용 스크립팅 언어. Javasciprt는 ECMAscript 라는 코어와 DOM(Document Object Model), BOM(Browser Object Model) 두개의 모델로 이루어져있다.

  • ES6 : ES 는 EcmaScript의 약자이고 뒤에 6는 버젼을 의미한다. (ES6인 경우, 2015년에 만들어짐)

  • ES6 주요 문법

  1. class
  2. let, const
  3. 화살표 함수
  4. module 사용
  5. Promise
  6. 템플릿 문자열
  7. map, set
  8. 구조분해
  9. 반복기(iterator), 생성기(generator)

2. 바벨 (Babel)

  • 바벨 : 다양한 브라우저 종류로 발생하는 호환성(Cross Browser) 문제 때문에 모든 브라우져가 상위 ECMAscript를 호환하지 않을 경우 발생. 이를 해결하기 위해 상위 버젼의 코드를 하위버젼의 코드로 만들어주는 것이 바벨의 역할

이를 '트랜스파일러(transpiler)' 라고 부른다.

3. ECMAscript

앞으로 매년 새로운 버젼을 낸다고 해서 앞으로는 ES + 버젼명이 아닌, ES + 연도를 붙이기로 공식발표함.

즉, 현재 ES2016(ES7), ES2017(ES8) ... 등 새로운 문법이 많이 나와있다.

profile
프론트엔드 개발 공부블로그

0개의 댓글