320x100
320x100

타입 관련 파일 분리하기

: src 디렉터리 내부에 @types 디렉터리를 생성

: 컴포넌트의 Props의 타입을 제외한 모든 타입을 @types 디렉터리에서 관리

 

 

 

.ts와 .d.ts

- .ts

: 자바스크립트로 컴파일되는 일반적인 타입스크립트 파일

 

- .d.ts

: 선언한 내용이 타입스크립트 컴파일 시에 문맥에 자동으로 추가되지만 자바스크립트로는 컴파일 되지 않는 파일

: .d.ts에 정의된 선언을 Ambient라고 부르고 이는 구현을 정의하지 않은 선언을 의미

: .d.ts를 사용하면 module 키워드를 사용해서 절대 경로로 import 할 수 있는 장점이 존재

 

 

 

 

 

Reference

 

[TS] 프로젝트에서 타입 관리하기

React 및 Next.js 프로젝트를 Typescript로 구현하면서 각기 다른 위치에 커스텀 타입 선언이 생겨나서 관리가 힘들어지는 문제가 발생했습니다. 이러한 문제를 해결하기 위한 방법을 정리합니다. 문

leo-xee.github.io

 

300x250
728x90