[typescript] 타입스크립트에서 인터페이스를 활용한 모듈화 방법

11 Dec 2023

typescript

타입스크립트(TypeScript)는 인터페이스를 사용하여 모듈을 정의하고 모듈 간에 상호작용할 수 있습니다. 이 글에서는 타입스크립트에서 인터페이스를 활용하여 모듈화하는 방법에 대해 알아보겠습니다.

인터페이스 정의

타입스크립트에서 인터페이스는 데이터 구조를 정의하기 위한 방법으로 사용됩니다. 인터페이스는 객체의 형태를 심층적으로 정의할 수 있기 때문에 모듈 간에 데이터를 주고받을 때 유용하게 활용됩니다.

// User 모듈의 인터페이스
interface User {
  id: number;
  name: string;
  email: string;
}

// Post 모듈의 인터페이스
interface Post {
  id: number;
  title: string;
  content: string;
  author: User;
}

위의 코드에서 User와 Post 모듈 각각의 인터페이스를 정의하고 있습니다.

모듈화된 인터페이스 활용

모듈화된 인터페이스를 활용하여 여러 모듈 간의 상호작용을 구현할 수 있습니다.

// user 모듈
export interface User {
  id: number;
  name: string;
  email: string;
}

// post 모듈
import { User } from './user';

export interface Post {
  id: number;
  title: string;
  content: string;
  author: User;
}

위의 예제에서 유저와 포스트 모듈은 각자의 인터페이스를 정의하고, 포스트 모듈은 내부적으로 유저 인터페이스를 사용하여 저자 정보에 대한 참조를 포함하고 있습니다.

예제 코드

아래는 타입스크립트에서 인터페이스를 활용한 모듈화 방법에 대한 간단한 예제 코드입니다.

// user.ts
export interface User {
  id: number;
  name: string;
  email: string;
}

// post.ts
import { User } from './user';

export interface Post {
  id: number;
  title: string;
  content: string;
  author: User;
}

참고 자료

TypeScript Handbook: Interfaces

이 글에서는 타입스크립트에서 인터페이스를 활용하여 모듈을 어떻게 정의하고 활용하는지에 대해 알아보았습니다. 인터페이스를 효과적으로 활용하여 모듈화된 코드를 작성할 수 있도록 노력해보세요.

목차

인터페이스 정의

모듈화된 인터페이스 활용

예제 코드

참고 자료