[typescript] 다른 파일에서 정의된 타입을 불러와 사용하는 방법

타입스크립트에서는 다른 파일에서 정의된 타입을 현재 파일에서 사용할 수 있다. 이를 위해서는 import 문을 사용하여 외부 파일에 정의된 타입을 불러올 수 있다.

외부 타입 불러오기

예를 들어, Person이라는 인터페이스가 person.ts 파일에 정의되어 있다고 가정하자.

// person.ts
interface Person {
  name: string;
  age: number;
}

이제, 다른 파일에서 이 Person 타입을 사용하려면 다음과 같이 import를 사용하여 불러올 수 있다.

// main.ts
import { Person } from './person';

const person: Person = {
  name: 'John',
  age: 30
};

위 예제에서 import { Person } from './person'person.ts 파일에서 Person 타입을 불러와서 main.ts 파일에서 사용할 수 있도록 한다.

외부 모듈에서 타입 불러오기

타입이 단일 파일이 아닌 모듈로 구성되어 있는 경우에는 import할 때 경로를 지정하는 방법이 조금 달라진다.

// myModule.ts
export interface MyType {
  // 타입 정의
}

// main.ts
import { MyType } from './myModule';

위의 예시에서 MyType을 가져오는 방식을 보여주고 있다.

결론

타입스크립트에서 외부 파일에 정의된 타입을 불러와 사용하는 방법을 살펴보았다. import 문을 사용하여 외부 파일에 정의된 타입을 불러와 현재 파일에서 사용할 수 있다. 이것은 코드를 모듈화하여 관리하기에 효과적인 방법이다.