타입스크립트의 모듈

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 './경로' 부터 잡는 것이 {} 안에서 몇 글자만 입력해도 자동완성 됩니다.

참고

• 인프런
• 캡틴판교