네임스페이스는 관련 있는 코드를 그룹화하고 범위를 명시하는데 사용됩니다. 타입스크립트에서 네임스페이스를 사용할 때, 경로 설정은 코드 가독성과 유지보수성을 향상시키는 데 중요한 역할을 합니다. 이 기사에서는 타입스크립트에서 네임스페이스 경로를 설정하는 방법을 살펴보겠습니다.

1. 네임스페이스 선언

먼저, 네임스페이스를 선언해야 합니다. 아래는 “Shapes” 네임스페이스를 선언하는 예시입니다.

namespace Shapes {
    export class Circle {
        // code
    }

    export class Square {
        // code
    }
}

2. 네임스페이스 경로 설정

네임스페이스 경로 설정을 통해 코드를 보다 구조화하고 모듈화할 수 있습니다. 네임스페이스 경로 설정은 tsconfig.json 파일을 통해 설정할 수 있습니다.

{
    "compilerOptions": {
        "baseUrl": "./",
        "paths": {
            "shapes/*": ["app/shapes/*"]
        }
    }
}

위의 예시에서 "shapes/*": ["app/shapes/*"]는 “shapes” 네임스페이스를 사용하는 파일들이 app/shapes/ 디렉토리에서 찾아져야 함을 지정합니다.

3. 사용 예시

아래는 네임스페이스 경로 설정을 사용하여 “Shapes” 네임스페이스를 가져오고 활용하는 예시입니다.

/// <reference path="app/shapes/circle.ts" />
/// <reference path="app/shapes/square.ts" />

import Shapes = require('shapes');

let circle = new Shapes.Circle();
let square = new Shapes.Square();

위 예시에서 import Shapes = require('shapes');는 설정한 네임스페이스 경로를 가져와 사용할 수 있게 합니다.

결론

이렇게 설정된 네임스페이스 경로는 코드의 가독성과 유지보수성을 향상시키며, 프로젝트의 관리를 더욱 용이하게 만들어줍니다.

참고: TypeScript Handbook, Module Resolution

타입스크립트 핸드북