타입 모듈화

타입 스크립트에서 가리키는 모듈이라는 개념은 ES6+의 Modules 개념과 유사하다. 모듈은 전역 변수와 구분되는 자체 유효 범위를 가지며 export, import와 같은 키워드를 사용하지 않으면 다른 파일에서 접근할 수 없다.

app.ts

import {Todo} from './types' 

var item: Todo = { //import한 타입을 사용할 수 있다
    title: '할 일 1',
    checked: false
}

types.ts

//app.ts 파일을 그대로 사용
export interface Todo {
    title: string;
    checked: boolean;
}

• app.ts 에서 import를 통해 types의 인터페이스를 사용할 수 있다.

Import와 Export

https://joshua1988.github.io/vue-camp/es6+/modules.html 

Modules | Cracking Vue.js

• 모듈별로 name이 겹치는 문제를 해결하기 위해 export와 import가 생겼다.
  • export : 파일에서 모듈을 내보낸다.
  • import : 파일에서 모듈을 읽어온다.