웹개발/TypeScript

[타입스크립트] interface와 type의 차이

튼튼발자 2024. 8. 1. 13:53
728x90

타입스크립트에서 변수, 상수의 타입을 정해주기 위해서 사용하는 대표적인 2가지가 있습니다.

바로,

interface,

type

입니다.

 

오늘은 이 2가지의 차이에 대해 알아보겠습니다.


1. interface

interface는 이름을 똑같이 선언했을 때 자동확장이 가능합니다. => 병합이 가능하다.

주로 객체의 타입을 설정할 때 사용됩니다.

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

interface Person {
  old: string;
}

let a: Person = {
  name: "박수",
  age: 24,
  old: "심",
};

interface를 한 번에 정의하지 않고

두번에 걸쳐서 정의하였지만 변수 a에는 문제가 없습니다.


2. type

type은 기존에 존재하는 타입을 이름만 바꿔서 사용이 가능합니다.

- 객체가 primitive type일 때에는 type을 사용하는게 좋습니다.

 

728x90