[typescript] 타입스크립트와 Jest를 함께 사용하기 위한 설정 방법

타입스크립트(TypeScript)는 JavaScript를 대체하여 정적 타입을 지원하는 언어입니다. Jest는 JavaScript용 테스트 프레임워크로, 타입스크립트 코드도 지원합니다. 이 포스트에서는 타입스크립트와 Jest를 함께 사용하기 위한 설정 방법을 다루겠습니다.

1. 프로젝트 초기화

먼저, 타입스크립트 프로젝트를 초기화합니다. 터미널을 열고 프로젝트 폴더에서 다음 명령을 실행합니다:

npm init -y
npm install typescript ts-jest @types/jest
npx tsc --init

2. 타입스크립트 설정

tsconfig.json 파일을 열고, 다음과 같이 설정합니다:

{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "strict": true
  }
}

3. Jest 설정

Jest를 설정하기 위해 jest.config.js 파일을 프로젝트 루트에 추가하고, 다음과 같이 작성합니다:

module.exports = {
  preset: 'ts-jest',
  testEnvironment: 'node',
  moduleFileExtensions: ['ts', 'js'],
  transform: {
    '^.+\\.(ts)$': 'ts-jest'
  }
};

4. 테스트 작성

이제, app.ts 파일을 만들고 다음과 같이 코드를 작성합니다:

// app.ts
export function sum(a: number, b: number): number {
  return a + b;
}

그리고 테스트 파일 app.test.ts를 만들고, 타입스크립트를 사용하여 Jest를 사용한 테스트를 작성합니다:

// app.test.ts
import { sum } from './app';

test('adds 1 + 2 to equal 3', () => {
  expect(sum(1, 2)).toBe(3);
});

5. 테스트 실행

모든 준비가 끝났습니다. 이제 다음 명령어로 테스트를 실행할 수 있습니다:

npx jest

타입스크립트와 Jest를 함께 사용하여 코드를 작성하고 테스트하는 것은 매우 강력한 방법입니다. 이러한 설정을 통해 코드의 안정성과 신뢰성을 높일 수 있습니다.

이제 당신도 타입스크립트와 Jest를 함께 사용하는 방법을 알게 되었습니다. 행운을 빕니다!

참고 자료