[Typescript] 전역으로 Custom Type 정의하기

이정우·2022년 11월 18일
0
post-thumbnail

1. Type을 정의할 스크립트 파일 생성

프로젝트 디렉토리에 types/global 디렉토리를 생성하여 전역으로 사용할 타입들을 정의할 index.d.ts 파일을 생성한다.

// types/global/index.d.ts

type Video = {
    name: string;
    idx: number;
    width: number;
    height: number;
};

2. tsconfig.json 설정

프로젝트의 루트 디렉토리에 있는 tsconfig.json 파일을 연다.

{
	...
    
    "compilerOptions": {
        "typeRoots": ["./node_modules/@types", "./types"]
    }
    
	...
}

compilerOptionstypeRoots 의 값으로 "./types"를 추가한다.
이 설정은 추가적으로 정의된 타입을 찾을 디렉토리를 지정하는 설정이다.

3. 설정 결과 확인

따로 타입을 import할 필요 없이 컴파일되는 모습을 확인할 수 있다.

profile
공부

0개의 댓글