[typescript] TypeScript 모듈 시스템

이번 포스트에서는 TypeScript에서의 모듈 시스템에 대해 알아보겠습니다.

목차

모듈 시스템 소개

TypeScript 모듈은 코드를 논리적으로 구성하고 재사용 가능한 단위로 만들기 위한 방법을 제공합니다. 모듈은 다른 모듈에서 사용될 수 있는 기능을 내보내거나 가져올 수 있게 합니다.

내보내기와 가져오기

// 모듈 내에서 변수 내보내기
export const greeting = "Hello";

// 모듈 외에서 변수 가져오기
import { greeting } from './module';
console.log(greeting); // 출력: Hello

디폴트 익스포트와 네임스페이스

// 디폴트 익스포트
export default function sayHello() {
  console.log("Hello");
}

// 네임스페이스
export namespace Greetings {
  export function greetingInKorean() {
    console.log("안녕하세요");
  }
}

TypeScript 모듈 시스템은 코드를 모듈화하여 유지보수성을 높이고 재사용성을 높일 수 있도록 도와줍니다. 모듈 시스템을 효과적으로 활용하여 프로젝트를 구조화하는 것이 중요합니다.

참고 자료