본문 바로가기

TIL Temp

유튜브 클론 코딩 #8 - What is Babel?

# 복습 목차

1. Node.JS

2. ExpressJS

3. ES6

4. Babel

5. Middleware

6. Routing

7. MVC

8. Pug


# 4. What is Babel?


- 정의

ES5는 2009년. ES6는 2015년에 표준화 됐고 현재 ES10까지 나왔지만 아직도 대세는 ES6.

문제는 브라우저들이 최신 ES버전들을 인식하지 못한다는 것.

따라서, ES6,7 로 작성된 코드를 구버전의 브라우저가 인식할 수 있도록 ES5로 변환시켜주는 컴파일러가 Babel.


- 주의 사항

Babel을 사용해도 모든 JS함수를 사용할 수 있는 것은 아님.

Babel은 문법만 변환시켜주기 때문에 프로그램이 시작될 때 브라우저에서 지원하지 않는 함수를 검사해주는 작업이

이루어져야 하고 이 부분은 babel-ployfill이 runtime에 담당하게 함.(뭔소리지...)


- 추가적인 공부?

Babel에 대한 추가적인 공부는 아직까지 필요없어 보임.

현재까지는 단순 컴파일러 역할을 수행하기 위해 사용법과 주의 사항 정도만 알고 있으면 될 것 같다.