TypeScript

ES 모듈 시스템

ES 모듈은 파일마다 독립 스코프를 만들고, 공개할 값만 export로 드러내며, 필요한 곳에서 import로 연결합니다. TypeScript에서는 값 import와 타입 import를 구분해야 번들 결과와 컴파일 의도가 모두 선명해집니다.

named export, default export, type-only import, 경로 별칭의 선택 기준을 정리합니다.

1

export로 모듈 내보내기

모듈에서 다른 파일에서 사용될 수 있는 변수, 함수, 클래스, 인터페이스, 타입 별칭 등을 공개하려면 export 키워드를 사용합니다.

모듈(Modules)
2

import로 모듈 가져오기

다른 모듈에서 내보낸 값을 사용하려면 import 키워드를 사용합니다.

ES 모듈(ECMAScript Modules)
3

모듈 경로 지정

import 문에서 모듈의 경로는 다음과 같이 지정됩니다.

개별 내보내기 (Named Exports)