🐻 [TypeScript] 인터페이스와 타입 별칭

🌊  인터페이스와 타입 별칭

 

인터페이스

인터페이스는 객체의 구조를 정의하는데 사용되며, 객체가 특정 속성을 가지고 있음을 보장하는데 유용하다. 

 

interface Address {
  city: string;
  country: string;
}

interface Person {
  name: string;
  age: number;
  address: Address;
}

let john: Person = {
  name: 'ogu',
  age: 30,
  address: {
    city: 'Ogu city',
    country: 'Ogu Land'
  }
}

console.log(ogu.address.city); // 'Ogu city'

 

인터페이스 확장

인터페이스는 클래스처럼 확장이 가능하다. 

interface Color {
  name: string;
}

interface SolidColor extends Color {
  hexCode: string;
}

let red: SolidColor = {
  name: 'Red',
  hexCode: '#FF0000'
}

console.log(red.name);     // Red
console.log(red.hexCode);  // #FF0000

 

타입 별칭

타입 별칭은 내가 새롭게 만드는 타입이다.

// 숫자 타입을 사용할 때
const age:number = 59;

// 타입 별칭을 사용할 때
type Age = number;
const name: Age = 59 

type Profile = {
 name = string;
 age = number;
}
const ogu: Profile = {
 name: 'ogu',
 age: 59
}

 

 

 

타입 별칭과 인터페이스의 차이

타입 별칭은 확장이 불가능하지만 인터페이스는 확장이 가능하다.