반응형

TypeScript: 2.1이상 타입 재정의 적용 방법

개요

초기 TypeScript에서 JQuery나 UnderScore 같은 널리 사용되는 라이브러리를 사용할 경우 TSD에서 제공하는 nodejs 모듈로 다운로드 받아서 사용했었다. 하지만, TypeScript의 버전이 2.1을 넘어가게 되면서 재정의 파일을 받는 방법이 달라지게 되었다.


 현재 최신 타입스크립트를 사용하는 경우 TSD를 통해서 재정의 파일을 다운로드 받을 수 없게 되었다.


2.1버전 이상에서 재정의 파일 파일을 설치하는 방법

tsd의 기능이 현재는 npm에 완전히 넘어가게 되었다. 즉, npm의 명령어를 사용해서 재정의 파일을 설치하게 되었습니다. JQuery를 예를 들면 다음과 같다.


npm install --save @types/jquery


위의 명령어를 실행하면, node_modules 폴더가 생성되며, 그 안에 jquery 재정의 파일이 생성된것을 확인할 수 있다.

또한 npm을 사용하기 때문에 npm에서 제공하는 옵션을 사용할 수 있다. 예를 들어 -g를 사용할 경우 글로벌로 모듈처럼 설치되기 때문에 매번 새로 프로젝트를 새로 시작할때마다 설치할 필요가 없어진다.


npm install -g --save @types/jquery


주의할 점

 이처럼 재정의 기능은 인텔리전트(자동 추천기능)와 타입검사를 지원하기 위한 것이지 실질적인 라이브러리가 아님을 항상 인지해야 한다. 그렇지 않는다면, 라이브러리가 없어서 실행 안되는 결과물을 확인할 수 있다.


참고자료

https://www.npmjs.com/package/@types/node

https://www.npmjs.com/package/@types/jquery

반응형

+ Recent posts