Babel이란?
- 자바스크립트 코드를 변환(transpile)해주는 도구이다.
- ES6부터 추가된 새로운 문법들을 예전 버전의 자바스크립트 문법으로 변환하여 사용할 수 있게 해준다. 이를 통해 새로운 기능들을 지원하지 않는 브라우저에서도 실행이 가능하게 된다. 또한 다양한 환경에서 자바스크립트 코드를 실행할 수 있게 된다.
babel의 여러가지 모듈
- @babel/core: Babel의 핵심 모듈로, 자바스크립트 코드를 변환하는 역할을 한다.
- @babel/cli: 명령행 인터페이스(Command Line Interface)를 제공하여 CLI에서 Babel을 사용할 수 있게 한다.
- @babel/preset-env: 다양한 브라우저와 환경에서 사용 가능한 자바스크립트 코드를 생성할 수 있도록 환경 설정을 제공한다.
- @babel/plugin-transform-react-jsx: JSX 문법을 변환할 수 있도록 해주는 플러그인이다.
신입 개발자