.d.ts 파일

H802·2024년 11월 4일

📘 TypeScript에서 .d.ts

  • 타입 정의 파일
  • 특정 모듈이나 라이브러리 타입 정보를 정의하는데 사용
  • JavaScript 코드에 대한 타입 정보를 제공 >> TypeScript 컴파일러가 코드의 타입을 이해하고 타입 검사를 수행할 수 있도록 도와줌
  • 타입스크립트 코드에서 해당 모듈을 사용할 때, .d.ts 파일에 정의된 타입 정보를 기반으로 타입 추론이 이루어짐

📘 .d.ts 파일의 역할

1. 타입 정보 제공

: 외부 라이브러리의 함수, 클래스, 인터페이스 등에 대한 타입 정보를 정의

2. 타입 추론 지원

: JavaScript로 작성된 코드에 대한 타입 추론을 지원하여, TypeScript로 작성된 코드에서 해당 라이브러리를 안전하게 사용할 수 있게 함


📘 .d.ts 파일 만드는 방법

1. 타입 정의

// myLibrary.d.ts
declare function greet(name: string): string;
  • declare function :이 함수가 어디선가 정의되어 있다
  • greet(name: string): greet : 함수는 name이라는 매개변수를 받고, 이 매개변수의 타입이 string이라는 걸 알려줌
  • : string: 이 부분은 greet 함수가 문자열을 반환한다는 걸 의미

2. 모듈 정의

// myLibrary.d.ts
declare module "my-library" {
    export function greet(name: string): string;
}

3. 인터페이스와 타입 정의

// shapes.d.ts
interface Rectangle {
    width: number;
    height: number;
}

declare function calculateArea(rect: Rectangle): number;

📌 정리

  • .d.ts 파일은 여러 함수, 모듈, 인터페이스, 클래스 등에 대한 타입 정보를 한 곳에서 모아서 정의해주는 역할을 한다.
  • 이를 통해 코드를 사용할 때 안전성과 편리함을 높일 수 있다.
profile
배운 내용 정리하기 위해 쓰는 블로그

0개의 댓글