Babel은 JavaScript 코드를 변환(트랜스파일)해주는 JavaScript 컴파일러. 최신 JavaScript(ES6 이상) 문법을 사용해도, Babel을 통해 구버전 JavaScript(ES5 이하)로 변환하면 옛날 브라우저에서도 실행 가능하게 함.
Babel이 필요한 이유
- 최신 JavaScript 문법 사용 가능
let,const,arrow function(=>),async/await,class같은 ES6+ 기능을 변환해 줌.
- 구버전 브라우저 지원
- 예를 들어,
const를 지원하지 않는 구형 브라우저에서도var로 변환해서 실행되도록 함.
- 예를 들어,
- JSX 변환 (React)
- React의 JSX 문법을 일반 JavaScript 코드로 변환해 줌.
- TypeScript 지원
- Babel을 사용하면 TypeScript 코드도 변환 가능.