[TypeScript] - interface와 type alias의 차이점

interface
인터페이스는 객체가 가져야 할 속성과 메서드를 정의하는 구조입니다. 
객체의 구조를 정의하거나, 상속을 통해 코드의 재사용성을 높이는 데 주로 사용합니다.

type alias
특정 타입을 정의하는 데 사용됩니다.
객체를 포함한 다양한 형태의 타입을 정의하는 데 사용되며, 더 유연한 정의가 가능합니다.

🚨 interface는 '객체용이다.','상속하기 위한 용이다.'라고 말하는데 ❌ 아니다 !! type alias 방식도 객체, 상속 모두 가능하다 !!

 

1️⃣ 유연성 / 유니온 타입의 혼란 발생

type alias

type Dog =
  | {
      eat(): string;
      woof(): string;
    }
  | {};

const jindo: Dog = {
  constructor(private name: string) {}
  // 유니온 타입의 경우, 어떤 속성이 존재하지 않을 수 있는 상황을 관리하기 어려울 수 있습니다.
  eat() {
    return `Hello, ${this.name}`;
  },
};

 

Dog 타입이 유니온 타입으로 정의되어 있기 때문에, jindo 객체는 빈 객체 {}일 수도 있고, eat 및 woof 메서드를 가진 객체일 수도 있습니다.
타입스크립트는 이 경우, 두 가지 형태 중 하나로 정의되므로, 모든 경우를 만족해야 한다고 판단하지 않습니다. 이는 불필요한 혼란을 야기할 수 있습니다.

 

interface

// Dog 인터페이스는 eat과 woof라는 메서드가 필수임을 분명히 나타냅니다
interface Dog {
  eat(): string;
  woof(): string;
}

class Jindo implements Dog {
  constructor(private name: string) {}

  eat() {
    return `Hello, ${this.name}`;
  }

  woof() {
    return 'Woof!';
  }
}

 

2️⃣ 확장, 병합

interface

interface Student {
  name: string;
}

interface Student {
  createdAt: Date;
}

// 두 Student 인터페이스는 하나로 병합
const student: Student = {
  name: 'Alice',
  createdAt: new Date(),
};

type alias

type alias는 같은 이름으로 재정의할 수 없으며, 여러 타입을 합치는 방식으로 새로운 타입을 만들어야 합니다.

interface는 직접적으로 다른 인터페이스를 확장할 수 있고, 동일한 이름으로 여러 번 선언할 수 있어 합치는 방식으로 기능을 추가할 수 있습니다.

 

3️⃣ 기능

• type alias는 기본 타입, 유니온 타입, 튜플 등 다양한 타입 정의에 사용할 수 있습니다.
• interface는 주로 객체의 구조를 정의하는 데 사용되며, 클래스와 함께 잘 작동합니다.

 

요약

일반적으로 객체 구조를 정의하고 확장성이 필요한 경우에는 interface를 사용합니다. interface는 확장이 용이하고 같은 이름으로 병합이 가능하기 때문

 

반면, 유니온 타입이나 매핑된 타입, 함수 타입과 같이 복잡한 타입 조합이 필요할 때는 type을 사용합니다. type은 더 유연하고 다양한 타입 표현이 가능

 

쉽게 동물을 타입으로 만들어 보면, interface는 동물의 기본 구조(이름, 나이 등)를 정의할 때 사용하고, type은 동물이 살 수 있는 장소(land 또는 water) 같은 유니온 타입을 정의할 때 사용합니다. 예를 들어, interface는 '동물' 객체를 정의하고, type은 '육지 동물'과 '해양 동물'을 결합하는 데 적합합니다.