TypeScript : .d.ts 파일

1) .d.ts 파일

- JavaScript 라이브러리도 TypeScript 코드에서 사용할 수 있게 하는 파일 (호환성 유지)

- TypeScript 타입 정의 파일

- 외부 라이브러리 함수,클래스, 객체 타입 정보 + 타입추론 가능

- JS 라이브러리 한 줄도 수정 안하고 그대로 사용가능

2) 실습

(1) cmd (관리자권한으로 실행해야 오류 발생 x)

* npm init -y : package.json 생성

* tsc --init :  tsconfig.json을 생성하여 TypeScript 프로젝트로 변환

 

(2) VS code

* tsconfig.json 파일에서 2가지 주석 해제 (allowJs & checkJs)

* allowJs : 타입스크립트 프로젝트에 JS 파일 허용 여부

* checkJs : JS 파일 타입 체크 여부

 

[tsconfig.json]

 

[test.js]

* 주석문 : JSDoc이라고하며, 소스코드의 타입힌트 작성

 

[터미널 (poweshell) 실행]

npx tsc test.js --declaration --allowJs --emitDeclarationOnly --outDir types

 

 

[foo.ts]

npx ts-node foo.ts

 

3 확인 가능.

 

끝.