[typescript] 타입스크립트 모듈 시스템

26 Dec 2023

typescript

타입스크립트는 모듈 시스템을 사용하여 코드를 구성합니다. 모듈은 코드의 구성 단위이며, 다른 모듈에서 재사용될 수 있습니다.

내보내기 (Exporting)

타입스크립트에서 모듈에서 사용할 수 있는 요소를 외부에 노출하기 위해 export 키워드를 사용합니다.

// utils.ts
export function add(x: number, y: number): number {
  return x + y;
}

가져오기 (Importing)

외부 모듈에서 내보낸 요소를 사용하기 위해 import 문을 사용합니다.

// app.ts
import { add } from './utils';
console.log(add(1, 2)); // 3

기본 내보내기 (Default Export)

단일 요소를 내보내는 경우 export default 키워드를 사용할 수 있습니다.

// utils.ts
export default function add(x: number, y: number): number {
  return x + y;
}

// app.ts
import add from './utils';
console.log(add(1, 2)); // 3

네임스페이스 (Namespace)

namespace 키워드를 사용하여 모듈 내에서 관련된 인터페이스, 클래스, 함수 등을 그룹화할 수 있습니다.

// math.ts
namespace Math {
  export const PI = 3.14;
  export function calculateCircumference(diameter: number): number {
    return diameter * PI;
  }
}

// app.ts
/// <reference path="math.ts" />
console.log(Math.calculateCircumference(10)); // 31.4

타입스크립트의 모듈 시스템을 이용하여 코드를 모듈화하고 관리함으로써 코드의 가독성과 유지보수성을 향상할 수 있습니다.

참고 문헌:

타입스크립트 핸드북: 모듈