Babel의 Preset이란 무엇인가요?

Babel은 JavaScript의 트랜스파일러입니다. 최신 버전의 JavaScript 문법을 구형 브라우저에서도 실행 가능한 문법으로 변환해주는 역할을 합니다. Babel을 사용하면 개발자는 최신 기능을 사용할 수 있으며, 동시에 모든 브라우저에서 호환성을 유지할 수 있습니다.

Babel의 Preset은 Babel이 사용하는 구성 설정을 말합니다. 여러 개의 플러그인과 설정을 모아놓은 것으로, 일반적으로 사용되는 기능들을 사전에 정의해둔 것입니다. 각각의 Preset은 특정 버전의 JavaScript를 대상으로 하며, 해당 버전과 관련된 플러그인들을 모아둡니다.

Presets는 다른 개발자들이 만들어놓은 것들을 사용할 수도 있지만, 직접 만들어서 사용할 수도 있습니다. 주로 “env”, “react” 등의 Preset이 사용되며, 각각 다른 설정과 플러그인들을 포함하고 있습니다.

Preset을 사용하려면, Babel 설정 파일인 .babelrc 파일에 해당 Preset을 추가해주면 됩니다. 예를 들어, “env” Preset을 사용하려면 다음과 같이 .babelrc 파일을 작성하면 됩니다.

{
  "presets": [
    "@babel/preset-env"
  ]
}

위의 예시에서는 @babel/preset-env를 사용하겠다는 의미입니다. 이 Preset은 Babel이 최신 버전의 JavaScript를 구형 브라우저들과 호환 가능한 문법으로 변환해줍니다.

Preset을 사용하면 Babel이 자동으로 해당 Preset에 포함된 플러그인들을 적용시켜주므로, 개발자는 간단한 설정만으로도 원하는 JavaScript 문법 변환을 수행할 수 있습니다.

참고 문서: https://babeljs.io/docs/en/presets