타입스크립트의 모듈

ES6 와 비슷 합니다. 모듈은 전역 변수와 구분되는 자체 유효 범위를 가지며
export, import 와 같은 키워드를 사용하지 않으면 다른 파일에서 접근할 수 없습니다.

 

사용방법

✔ Export

• ES6의 export와 같은 방식으로 변수, 함수, 타입, 인터페이스 등에 붙여 사용합니다.

// types.ts
export interface Todo {
      title: string;
      checked: boolean;
}

 

✔ Import

• ES6의 import와 동일한 방식으로 사용합니다.

// app.ts
import { Todo } from './types'

let item: Todo = {  
    title: '할 일 1',  
    checked: false  
}

 

✔ Tip

1. import 를 입력하고
2. {} 빈 객체를 먼저 만듭니다.
3. from './경로' 부터 잡는 것이 {} 안에서 몇 글자만 입력해도 자동완성 됩니다.

 

참고

• 인프런
• 캡틴판교