[typescript] 타입스크립트에서 모듈을 사용하는 방법

18 Dec 2023

typescript

타입스크립트는 모듈 시스템을 통해 코드를 구성하고 재사용할 수 있게 해줍니다.

내보내기 (Export)

특정 파일에서 변수, 함수, 클래스를 내보내기 위해서는 export 키워드를 사용합니다.

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

export const maxNum: number = 100;

또는

// utils.ts
function multiply(x: number, y: number): number {
  return x * y;
}

const maxNum: number = 100;

export { multiply, maxNum };

가져오기 (Import)

다른 파일에서 모듈을 사용하기 위해서는 import 키워드를 사용합니다.

// app.ts
import { multiply, maxNum } from './utils';

console.log(multiply(3, 5)); // 15
console.log(maxNum); // 100

반면에, default export를 사용한 경우에는 중괄호 없이 import할 수 있습니다.

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

// app.ts
import subtract from './utils';

console.log(subtract(10, 7)); // 3

모듈 종류

내보내기 가능한 항목 여러 개: export { item1, item2 }
기본 내보내기: export default item
그 외의 내보내기 방식: export * from 'module'

이처럼 타입스크립트에서 모듈을 활용해 코드를 구조화하고 모듈간에 의존성을 관리할 수 있습니다.

더 자세한 내용은 타입스크립트 공식 문서를 참고하세요.