소개

타입스크립트(TypeScript)는 모듈 시스템을 사용하여 코드를 구성합니다. 이 모듈 시스템을 효과적으로 활용하기 위해서는 모듈을 포함하는 파일의 경로를 적절히 설정해야 합니다. 이 포스트에서는 타입스크립트에서 모듈 경로를 설정하는 방법에 대해 알아보겠습니다.

tsconfig.json 파일 수정

타입스크립트에서 모듈 경로를 설정하려면 tsconfig.json 파일을 수정해야 합니다. 이 파일 내에서 compilerOptions 객체 안에 paths 속성을 추가하고, 필요한 모듈 경로에 대한 별칭과 실제 경로를 설정합니다.

아래는 tsconfig.json 파일에서 paths 속성을 추가하는 예시입니다.

{
  "compilerOptions": {
    "baseUrl": "./src",
    "paths": {
      "@app/*": ["app/*"],
      "@helpers/*": ["helpers/*"]
    }
  }
}

위 예시에서는 @app과 @helpers라는 모듈 경로에 대한 별칭과 실제 경로를 설정하고 있습니다.

실제 코드에서의 활용

실제 코드에서는 위에서 설정한 모듈 경로 별칭을 사용하여 모듈을 임포트(import)할 수 있습니다.

import { SomeModule } from '@app/someModule';
import { HelperFunction } from '@helpers/helperFunction';

위와 같이 코드를 작성하면 타입스크립트는 실제로는 "./src/app/someModule" 및 "./src/helpers/helperFunction" 경로에서 모듈을 가져옵니다.

이러한 방식으로 tsconfig.json 파일을 수정함으로써 타입스크립트에서 모듈의 경로를 효과적으로 관리할 수 있습니다.

이상으로 타입스크립트에서의 모듈 경로 설정 방법에 대해 알아보았습니다.

더 많은 정보는 타입스크립트 공식 문서를 참고해 주세요.