TypeScript

ES 모듈 시스템

현대의 자바스크립트 및 타입스크립트 개발에서 코드를 조직하고 재사용하는 핵심적인 방법은 바로 모듈(Modules)을 사용하는 것입니다. 모듈은 코드를 여러 개의 독립적인 파일로 분리하고, 각 파일이 자신만의 스코프(Scope)를 가지도록 하여 전역 스코프 오염을 방지하며, 필요한 부분만 명시적으로 가져다 쓸 수 있게 해줍니다.

모듈(Modules)와 ES 모듈를 중심으로 ES 모듈 시스템의 판단 흐름을 읽습니다.

1

export로 모듈 내보내기

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

모듈(Modules)
2

import로 모듈 가져오기

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

ES 모듈(ECMAScript Modules)
3

모듈 경로 지정

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

개별 내보내기 (Named Exports)