타입스크립트에서 모듈은 코드를 구성하고 재사용하며 코드의 범위를 지정하는데 사용됩니다. 타입스크립트 모듈은 애플리케이션을 구성하는 부분을 독립적이고 재사용 가능한 단위로 나누어 주는데 도움을 줍니다.

내보내기(Export)와 가져오기(Import)

타입스크립트 모듈에서 내보내기와 가져오기는 핵심적인 개념입니다. 코드를 모듈 밖으로 내보내고, 다른 모듈에서 해당 코드를 가져와 사용할 수 있습니다.

예를 들어, 다음은 calculator.ts 라는 모듈 파일입니다.

// calculator.ts
export function add(a: number, b: number): number {
  return a + b;
}
export function subtract(a: number, b: number): number {
  return a - b;
}

이제, 다른 파일에서 calculator.ts 모듈의 내보낸 함수를 가져와 사용할 수 있습니다.

// main.ts
import { add, subtract } from './calculator';

console.log(add(5, 3)); // 8
console.log(subtract(5, 3)); // 2

모듈 시스템

타입스크립트는 모듈 시스템으로 CommonJS, AMD, UMD, System 등과 같은 여러 가지 모듈 시스템을 지원합니다. 이러한 모듈 시스템들은 각각의 장단점이 있으며, 사용 환경에 따라 적합한 시스템을 선택하여 사용할 수 있습니다.

타입스크립트의 모듈 시스템은 코드의 구성과 관리를 좀 더 효율적으로 만들어주고, 코드의 재사용성을 높여주는 장점이 있습니다.

결론

타입스크립트 모듈은 코드의 일부분을 독립적으로 유지하고 재사용 가능한 형태로 관리하는데 도움을 줍니다. 내보내기와 가져오기를 통해 모듈 간의 상호작용이 가능하며, 모듈 시스템을 통해 효율적인 코드의 구성과 관리를 할 수 있습니다.

위 내용은 typescriptlang.org의 공식 문서 및 개발자 커뮤니티의 기술 블로그에서 확인할 수 있습니다.

타입스크립트 공식 문서

다음 시간에는 타입스크립트 모듈 시스템의 각각의 특징과 장단점에 대해 더 자세히 알아보겠습니다.