[TIL] Babel이란 무엇인가?

 

바벨(Babel)이란?

 
프론트엔드 개발을 하는 사람이라면 한 번쯤 바벨에 대해서 들어본 적은 있을 것이다.
바벨(Babel)은 자바스크립트 코드를 변환해 주는 컴파일러이다.
 

자바스크립트 코드를 변환?
왜 해야하는데?

 
 
바벨은 JavaScript ES6 문법이 등장하면서 나오게 되었다. ES6 문법이 막 등장했을 때는 대부분의 브라우저가 ES5 문법만 지원하고 있었다. 때문에 개발자들이 ES6 문법을 사용하더라도 최신 문법을 사용하지 않는 브라우저라면 동작이 불가능했다.
 
그래서 ES6 문법을 ES5 문법으로 변환해줄 트랜스파일러가 필요했는데, 이 것이 바로 바벨(Babel)이다. 그 때문에 바벨이 처음 등장했을 때 당시 이름은 Babel이 아니라 6to5였다고 한다.
 
하지만, 이제는 ES6를 포함하여 ES7 문법 또한 ES5 코드로 변환이 가능하다. 바벨을 통해 ES6+ 버전의 자바스크립트나 타입스크립트, JSX 등 다른 언어로 분류되는 언어들에 대해서도 모든 브라우저에서 호환이 가능한 것이다. 웹 개발자라면 당연히 옛날 브라우저를 사용하는 사용자들도 고려해줘야 하기 때문에 이 바벨을 사용하는 것이다.
 
[참고]
https://babeljs.io/docs/