[javascript] Jest와 Babel의 연동 방법은 어떻게 되는가?

먼저, Jest를 프로젝트에 설치해야 합니다. 아래의 명령을 통해 Jest를 설치합니다:

npm install --save-dev jest babel-jest @babel/preset-env

설치가 완료되면 jest.config.js 파일을 프로젝트 루트 디렉토리에 생성합니다. 파일을 열고 다음과 같이 설정합니다:

module.exports = {
  preset: 'babel-jest',
};

위 코드는 Jest에게 Babel을 사용하도록 지시하는 역할을 합니다. 그러나 이로써 Babel의 구성이 완료된 것은 아닙니다. Babel 설정 파일(.babelrc 또는 babel.config.js)을 생성하여 원하는 구성을 추가해야 합니다.

간단한 예제를 들어 보겠습니다. 프로젝트의 루트 디렉토리에 .babelrc 파일을 생성하고 다음과 같이 구성합니다:

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

위 예제는 @babel/preset-env 프리셋을 사용하여 Babel을 구성하고 있습니다. 이 프리셋은 자동으로 현재 사용 중인 Node.js 버전에 필요한 트랜스파일링만 수행합니다.

이제 Jest와 Babel이 연동되었습니다. Jest를 사용하여 테스트를 실행할 때, Jest는 Babel을 통해 코드를 트랜스파일링하고 Jest 환경에서 실행합니다.

더 자세한 내용은 Jest와 Babel의 문서를 참조하시기 바랍니다.