네임스페이스(namespace)는 TypeScript에서 코드를 구성하고 관리하기 위한 효과적인 도구입니다. 모듈(module)은 코드를 구성하고 재사용하기 위한 효과적인 도구입니다. 이 두 가지를 함께 사용하면 코드의 구조와 모듈화 할 수 있는 능력을 크게 향상시킬 수 있습니다.

네임스페이스 소개

네임스페이스는 코드 범위를 정의하는 TypeScript의 구문입니다. 다른 언어의 모듈 시스템과 유사한 역할을 합니다. 네임스페이스를 사용하면 코드를 논리적인 그룹으로 구성하고 이름 충돌을 방지할 수 있습니다.

다음은 간단한 예제입니다.

namespace MyNamespace {
    export interface MyInterface {
        // ...
    }
}

위의 예제에서 MyNamespace라는 네임스페이스 안에 MyInterface라는 인터페이스를 정의하고 있습니다.

네임스페이스에서 모듈 사용하기

네임스페이스 안에서 모듈을 사용하려면 import 구문을 사용하여 외부 모듈을 가져와야 합니다. 다음은 예제입니다.

namespace MyNamespace {
    import SomeModule = MyExternalModule.SomeModule;
    
    let instance = new SomeModule();
    // 모듈을 사용하는 코드 작성
}

위의 예제에서 MyExternalModule은 외부 모듈이고, SomeModule은 그 모듈 안에 있는 클래스나 인터페이스 등을 나타냅니다.

네임스페이스 안에서 모듈을 사용할 때에는 import 구문을 이용하여 외부 모듈을 가져오고, 가져온 모듈을 사용하는 코드를 작성하면 됩니다.

이렇게 함으로써 네임스페이스 안에서 외부 모듈을 효과적으로 활용할 수 있습니다. 네임스페이스와 모듈을 적절히 조합하여 TypeScript 코드를 읽기 쉽고 유지보수하기 쉽도록 구성할 수 있습니다.