[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
문을 사용하여 외부 파일에 정의된 타입을 불러와 현재 파일에서 사용할 수 있다. 이것은 코드를 모듈화하여 관리하기에 효과적인 방법이다.