[typescript] 내보내기와 가져오기를 사용하여 네임스페이스를 구성하는 방법

TypeScript에서 네임스페이스는 코드를 구조화하고 모듈화하는 데 도움이 됩니다. 네임스페이스를 내보내고 가져오는 방법을 살펴보겠습니다.

네임스페이스란 무엇인가?

네임스페이스는 전역 스코프에서 모듈을 만들어 모듈 간의 이름 충돌을 방지하는 TypeScript의 기능입니다. 네임스페이스를 사용하여 코드를 논리적 그룹으로 구성할 수 있습니다.

네임스페이스 내보내기

다음은 네임스페이스를 정의하고 내보내는 예제입니다.

// MyNamespace.ts
namespace MyNamespace {
  export interface SomeInterface {
    // 인터페이스 내용
  }  

  export class MyClass {
    // 클래스 내용
  }
}
export { MyNamespace }; // 네임스페이스 내보내기

위의 코드에서 MyNamespace 네임스페이스는 SomeInterfaceMyClass를 내보냅니다.

네임스페이스 가져오기

다음은 네임스페이스를 가져와 사용하는 예제입니다.

// app.ts
import { MyNamespace } from "./MyNamespace";

let obj: MyNamespace.SomeInterface; // 네임스페이스의 인터페이스 사용
let instance = new MyNamespace.MyClass(); // 네임스페이스의 클래스 인스턴스 생성

위의 코드에서 app.ts 파일에서는 MyNamespace를 가져와 해당 내부 인터페이스와 클래스를 사용합니다.

이제 TypeScript에서 네임스페이스를 내보내고 가져오는 방법에 대해 알아보았습니다. 이를 통해 코드를 구조화하고 모듈화할 수 있습니다.