[javascript] Babel을 사용하기 위해 필요한 환경은?

29 Nov 2023

Node.js 설치: Babel은 Node.js 환경에서 실행되므로 먼저 Node.js를 설치해야 합니다. Node.js는 공식 홈페이지(https://nodejs.org)에서 다운로드하고 설치할 수 있습니다.
패키지 매니저 설치: Node.js를 설치하면 npm(Node Package Manager)도 함께 설치됩니다. npm은 Babel과 관련된 패키지들을 관리하기 위해 필요합니다.
프로젝트 디렉토리 생성: Babel을 사용하기 위해 새로운 프로젝트 디렉토리를 생성해야 합니다. 예를 들어, my-babel-project라는 이름의 디렉토리를 생성합니다.
Babel 설치: 생성한 프로젝트 디렉토리로 이동한 뒤, 다음 명령을 실행하여 Babel을 설치합니다.
```
npm install --save-dev @babel/core @babel/cli
```
Babel 플러그인 및 프리셋 설치: Babel은 플러그인과 프리셋을 통해 원하는 기능을 추가할 수 있습니다. 예를 들어, ES6 문법을 ES5로 변환하려면 @babel/preset-env를 설치해야 합니다. 이외에도 필요한 플러그인이나 프리셋을 추가로 설치할 수 있습니다.
```
npm install --save-dev @babel/preset-env
```
.babelrc 파일 생성: Babel 설정을 위해 프로젝트 디렉토리에 .babelrc 파일을 생성합니다. 이 파일에는 사용할 프리셋과 플러그인에 대한 정보를 설정합니다. 예를 들어, 아래와 같이 .babelrc 파일을 작성할 수 있습니다.
```
{
  "presets": ["@babel/preset-env"]
}
```

환경 설정 후에는 Babel을 사용하여 원하는 ES6+ 코드를 ES5로 변환할 수 있습니다. 이를 위해서는 @babel/cli를 사용하여 Babel을 실행하는 방법에 대해 알아야 합니다.