TypeScript 사용을 위한 세팅2(feat.니꼬쌤)

1. Declaration Files(정의 파일)

{
	"include": ["src"],
  	"compilerOptions" : {
    	"outDir": "build",
        "target": "ES6",
		"lib": ["ES6", "DOM"]
    }
}

우리가 javascript로 만들어진 라이브러리를 typescript 프로젝트에 쓰려고 한다면 javascript 라이브러리에 대한 타입 정의를 해줘야한다. 그것을 작성한 파일이 정의 파일이다.

node_modules/typescript/lib로 이동하여 확인하면 많은 정의 파일들이 있다. dom, es5, es6등등 javascript 라이브러리들에 대해 타입을 정의 해놓은 것이다. 그래서 우리는 그것들을 typescript 프로젝트에서 사용 가능한 것이다.

2. 간단한 정의 파일 생성

예를 들어 myPackage라는 javascript 라이브러리가 있다고 가정하자 우리는 이것을 typescript 파일에서 사용가능 하게 하고 싶다.
라이브러리와 같은 이름의 d.ts파일을 만들어 주고 라이브러리에 들어있는 함수 반환 타입(return type) 인자 타입(argument type)을 정의해준다.
그러면 typescript 파일에서 import 하여 사용 가능하게 된다. 그 이유는 typescript가 컴파일 될 때 어딘가에 있는 정의 파일을 찾아서 자동으로 적용을 하기 때문이다. 만약 정의 되어 있지 않다면 당연히 에러를 발생하고 컴파일이 되지 않는다.

그렇다면 npm으로 설치한 javascript 패키지의 타입이 정의 되어 있지 않다면 내가 직접 정의 파일을 만들어서 사용하면 된다. 하지만 다행히도 스스로 타입 정의 파일을 써야 할 일은 많지 않다고 한다.