[typescript] 타입스크립트 모듈 간의 상호작용 방법

12 Dec 2023

타입스크립트에서 모듈은 코드를 조직화하고 재사용하는 데 도움이 되는 강력한 기능입니다. 이 기사에서는 타입스크립트 모듈 간의 상호작용 방법에 대해 설명하겠습니다.

모듈 가져오기 (Import)

다른 모듈에서 모듈을 가져오는 방법은 import 키워드를 사용하는 것입니다.

import { 모듈명 } from './경로/모듈명';

예를 들어, MyModule이라는 모듈을 가져오려면 다음과 같이 사용합니다.

import { MyModule } from './MyModule';

모듈을 다른 파일에서 사용할 수 있도록 내보내려면 export 키워드를 사용합니다.

export class MyClass {
  // 클래스 내용
}

export function myFunction() {
  // 함수 내용
}

export const MY_CONSTANT = 10;

위와 같이 클래스, 함수, 상수 등을 내보낼 수 있습니다.

하나의 모듈에서 한 가지만 내보내려면 기본 내보내기를 사용합니다.

class MyClass {
  // 클래스 내용
}

export default MyClass;

다른 파일에서는 다음과 같이 가져올 수 있습니다.

import MyClass from './MyModule';

네임스페이스를 사용하여 모듈을 그룹화하고 이름 충돌을 방지할 수 있습니다.

namespace MyNamespace {
  export interface MyInterface {
    // 인터페이스 내용
  }

  export class MyClass {
    // 클래스 내용
  }
}

다른 파일에서는 다음과 같이 사용할 수 있습니다.

import { MyNamespace } from './MyModule';

이와 같이 타입스크립트 모듈 간의 상호작용 방법을 사용하면 코드를 보다 모듈화하고 재사용 가능한 구조로 구성할 수 있습니다.