Babel은 JavaScript 코드를 변환(트랜스파일)해주는 JavaScript 컴파일러. 최신 JavaScript(ES6 이상) 문법을 사용해도, Babel을 통해 구버전 JavaScript(ES5 이하)로 변환하면 옛날 브라우저에서도 실행 가능하게 함.

Babel이 필요한 이유

  1. 최신 JavaScript 문법 사용 가능
    • let, const, arrow function(=>), async/await, class 같은 ES6+ 기능을 변환해 줌.
  2. 구버전 브라우저 지원
    • 예를 들어, const를 지원하지 않는 구형 브라우저에서도 var로 변환해서 실행되도록 함.
  3. JSX 변환 (React)
    • React의 JSX 문법을 일반 JavaScript 코드로 변환해 줌.
  4. TypeScript 지원
    • Babel을 사용하면 TypeScript 코드도 변환 가능.