14. 타입스크립트의 모듈 시스템 - boostcamp-2020/Project15-C-Client-Based-Formula-Editor GitHub Wiki

• types.ts

export interface Todo {
  title: string;
  checked: boolean;
}

• app.ts

//{} 선언하고 경로부터 선언하면 {}안에서 자동완성이 가능합니다
import { Todo } from './types'; .

var item: Todo = {
  title: "할 일 1",
  checked: false,
};

번외편) Import & Export

• 자바스크립트의 코드를 모듈화 할 수 있는 기능입니다.
• 여기서 모듈화란 쉽게 말해서 다른 파일에 있는 자바스크립트의 기능을 특정 파일에서 사용 할 수 있는 것을 의미합니다.

1. 기본 문법

• export 문법

export 변수, 함수

• import 문법

import { 불러올 변수 또는 함수 이름 } from '파일 경로';

2. 기본 예제

• math.js

export var pi = 3.14

• app.js

import { pi } from './math.js'

console.log(pi); // 3.14