목차

1. 인터페이스 정의
2. 인터페이스 확장
3. 인터페이스 활용

인터페이스 정의

인터페이스는 데이터 형식에 이름을 부여하여 코드를 조직화하는데 도움을 줍니다. 다음은 User 인터페이스의 예시입니다.

interface User {
  id: number;
  name: string;
}

인터페이스 확장

다른 인터페이스에서 정의한 내용을 재사용하려면 확장을 활용할 수 있습니다.

interface Admin extends User {
  role: string;
}

위의 예시에서 Admin 인터페이스는 User 인터페이스를 확장하여 role 속성을 추가했습니다.

인터페이스 활용

동일한 인터페이스를 여러 곳에서 사용하려면 해당 인터페이스를 import하여 사용하면 됩니다.

import { User } from './userInterface';

function printUserInfo(user: User) {
  console.log(`User ID: ${user.id}, Name: ${user.name}`);
}

이제 여러 곳에서 User 인터페이스를 사용하여 일관된 데이터 형식을 유지할 수 있습니다.

위 내용은 TypeScript를 사용하여 동일한 인터페이스를 여러 곳에서 사용하는 방법에 대한 기본 개념을 다룬 것입니다. 좀 더 심화된 내용이 필요하다면 TypeScript 공식 문서를 참조하시기 바랍니다.

TypeScript 공식 문서