baseUrl 설정을 적용하기 위해 TypeScript 컴파일러 플래그를 사용하는 방법에 대해 알아보겠습니다.

1. tsconfig.json 파일 생성 또는 열기

첫 번째 단계로, 프로젝트 폴더 내에 tsconfig.json 파일을 생성하거나 이미 있는 파일을 엽니다.

2. baseUrl 설정 추가

baseUrl 설정을 추가하여 모듈이나 파일을 상대적으로 로드할 때 참조할 기본 경로를 설정합니다. baseUrl을 포함한 설정은 아래와 같이 tsconfig.json 파일에 추가할 수 있습니다.

{
  "compilerOptions": {
    "baseUrl": "./src",
    "outDir": "./dist",
    "module": "commonjs",
    "target": "es6",
    "strict": true,
    "esModuleInterop": true
  },
  "include": [
    "src/**/*"
  ]
}

위의 예시에서 “baseUrl” 속성은 “./src”로 설정되어 있으며, 이를 통해 해당 프로젝트의 루트 디렉토리가 “./src”로 지정된다는 것을 나타냅니다.

3. 임포트 구문 사용하기

baseUrl 설정을 추가한 후에는 다음과 같이 상대경로 대신 baseUrl을 기준으로 모듈을 import 할 수 있습니다.

import { MyModule } from 'myModule'; // './src/myModule'과 동일

이제 TypeScript 컴파일러 플래그를 사용하여 baseUrl 설정을 추가하는 방법에 대해 알아보았습니다. 이를 통해 모듈을 더 쉽게 로드하고 프로젝트 구조를 더욱 효율적으로 관리할 수 있습니다.

더 많은 정보를 원하시면 TypeScript 공식 문서를 참고하시기 바랍니다.