타입 import/export와 namespace

(a.ts)

export var 이름 = 'kim';
export var 나이 = 30;

이렇게 a.ts파일에서 이름나이 두 변수를  export 해주면

 (b.ts)

import {이름, 나이} from './a'
console.log(이름)

이렇게 b.ts파일에서 import {변수명} from 주소 하고 가져다 쓸 수 있다.

 

타입도

export type Name = string;

import {Name} from './a'

이렇게 export/import할 수 있다.

 

이제, namespace를 알아보자.

옛날엔 import가 없어서

<script src='a.js'></script>

이렇게 다 가져왔었는데, 이러면 변수명이 두 파일에서 맨날 겹쳐서 문제가 많았다. 

그래서

namespace 네임스페이스 {
	export type Name = string | number;
}

이렇게 타입변수를 namespace에 숨겨서 사용하려면

let 변수 :네임스페이스.Name = '안녕';

이런 식으로, namespace.변수명을 써서 사용해야한다.

 

그리곤 import는

///<reference path="./a.ts" />

let 변수 :네임스페이스.Name = 'Park';

이렇게 import 해서 왔다.

더 옛날엔 namespace가 아니라 module이라고 썻었다.