타입스크립트 - 타입 모듈화

dobyming·2022년 12월 23일
0

Typescript Study

목록 보기
16/17
post-custom-banner

Why?

실제 현업에서는 더 다양한 interface(=type)들을 사용하게 될 것이고, 상황에 따라 맞는 interface를 이용할 것입니다.

따라서 Type과 interface들을 관리하고 유지보수성을 높이기 위해서 type들만 모아 관리하는 모듈이 필요합니다.

How?

1.사용할 interface들을 collect 후, export 하기

export interface Todo {
    title: string;
    checked: boolean;
}

export 예약어로 사용할 인터페이스 또는 타입을 불러옵니다.

해당 예시 코드는 한개의 인터페이스밖에 선언되지 않아, interface 서두에 export 를 선언하여 사용했지만 실제론 더 많은 인터페이스와 타입들이 존재합니다.

그때는 아래와 같이 코드의 상단에는 인터페이스와 타입들을 선언하고 나서
코드의 제일 하단에 사용할 인터페이스, 타입들을 export 명령어로 선언합니다. (convention)

interface1 {
//...
}
interface2 {
//..
}

export { interface1, interface2, ...};

2.실제 사용할 인터페이스,타입을 사용할 파일에 import 해주기

import { Todo } from './types' //타입 모듈 불러옴
var item: Todo = {
    title: '할일 1',
    checked: false,
}

import { 불러올 인터페이스명 } from '파일경로' ;

정리

한 개의 파일만으로 인터페이스들을 모두 선언하지 않고, 타입용 파일을 따로 만들어 모듈화를 통해 코드의 유지보수성을 높일 수 있다.

post-custom-banner

0개의 댓글