본문 바로가기

TypeScript

[TypeScript] .d.ts 파일

.d.ts 파일

 

.d.ts 파일은 JavaScript 라이브러리도 TypeScript 코드에서 사용할 수 있게 함

 

생각해볼 것

 

TypeScript 보다 JavaScript 코드의 양이 매우 많을텐데 , 이미작성된 다양한 JavaScript 라이브러리와 호환성을 유지하는 방법은?

 

@types 라이브러리의 등장

 

 

TypeScript는 @types 라이브러리를 통해 외부 라이브러리에 대한 타입 정보를 제공한다. 그런데 해당 디렉토리를 들어가보면 .d.ts 파일들이엄청 많다.

 


 

.d.ts 파일

 

.d.ts 파일은 TypeScript 타입 정의 파일이다. 즉 JavaScript 라이브러리에 대한 타입 정보를 제공한다.

.d.ts 파일로 TypeScript 컴파일러는 다음을 알 수 있음.

  • 외부 라이브러리의 함수 타입 정보
  • 외부 라이브러리 클래스 타입 정보
  • 외부 라이브러리 객체 타입 정보

또한, .d.ts 파일로 외부 라이브러리의 타입 추론도 가능하다. 여기서 타입추론이란, 타입이 명시되지 않았을 때 컴파일러가 알아서 해당 타입에 대해 추론하는 것.

 

TypeScript 로 옮기면 내가 아끼던 JavaScript 라이브러리는 버려야 하나요?

-> 그렇지 않음. 해당 라이브러리에 대한 .d.ts 파일만 제공하면 TypeScript 프로젝트에서도 JavaScript 라이브러리를 한줄도 수정하지 않고 그대로 사용 가능하다.