Babel 이란
자바스크립트 컴파일러 입니다.
최신 버전의 자바스크립트 문법은 브라우저가 이해하지 못하기 때문에 babel이 브라우저가 이해할 수 있는 문법으로 변환해주는 것입니다. (transpiler 개념)
ES6, ES7 등의 최신 문법을 사용해서 코딩을 할 수 있기 때문에 생산성이 향상됩니다.
여기 에서 babel의 출력을 확인해 볼 수 있습니다.
바벨을 쓰는 이유는 뭘까요?
많은 수의 유저가 아직도 낮은 버전의 브라우저 를 사용하고있기 때문입니다.
개발한 자바 스크립트의 버전은 점점 올라가는데, 유저는 아직도 구형 브라우저를 쓰고 있다면 해당 브라우저에서는 동작하지않는 기능이 있을 수도 있겠죠.
그렇다고해서 개발자가 모든 브라우저 버전에 맞춰 개발을하면 코드가 지저분해지고 유지보수가 힘들겠죠.
이런 이유로 탄생한 것이 최신 버전의 자바스크립트도 구형 버전의 브라우저에 맞게 코드를 변환해주는게 Babel입니다.
transpile과 compile
compile은 한 언어로 작성된 소스 코드를 다른 언어로 변환하는 것을 의미합니다.
C -> assembly
Java -> bytecodetranspile은 한 언어로 작성된 소스 코드를 비슷한 수준의 추상화를 가진 다른 언어로 변환하는 것 입니다.
es6 코드 -> es5 코드
coffescript -> javascript
정리용😊