type vs interface 는 뭐가 다르지?

예전에 언젠가 면접을 보면서 들었던 질문 중에 하나이다. 

 

"typescript에서 type과 interface의 차이점을 아시나요?"

 

공통점

type

타입에 대한 이름을 지어주기 위해 사용한다. 

type Home {
 living : string;
 bed : string;
}

 

interface

type과 동일하게 타입에 대한 이름을 지어주기 위해 사용한다. 

interface Home{
 living: string;
 bed: string;
}

 

 

둘 다 타입을 지정하는 방법 중에 하나로 굉장히 유사하다. 둘 중에 하나만 선택해서 사용해도 되지만 차이점도 존재한다. 

 

 

 

차이점

 

1. 확장 방식 비교 

 

interface 는 extends라는 것을 사용해서 확장할 수 있다. 기존의 interface에 추가해서 확장된다. 

interface Room {
 table : string;
}

interface Room extends Home{
 bedroom : string;
}

 

 

 

type 은 & 이라는 인터섹션을 통해서 확장할 수 있다. 상속을 받는게 아니라 기존 타임에서 추가퇸 타임을 결합해서 새로운 타입을 만드는 것이다. 

type Room {
 table : string;
}

type Room & Home{
 bedroom : string;
}

 

2. 새 필드 추가

interface는 동일한 이름의 인터페이스를 선억해서 추가할 타입만 작성하면 확장된다. 

interface Room {
 table : string;
}

interface Room {
 bed: string;
}


interface Room {
 table: string;
 bed: string;
 }

 

type은 한번 생성한 이후에는 변경할 수 없다. 

 

type Room {
 table : string;
}

type Room {
 bed: string;
}

//error

 

 

결론

결과적으로 두 가지를 비교해봤을 때, 어떤 걸 사용해야할지 모르겠다면 interface를 쓰는 것이 좋다. 공식문서에서 권장하기도하고 필요한 경우에는 type을 사용하면 된다고 한다. 확장하는 부분에 있어서 interface가 편한 점도 있고, 현재 하고 있는 프로젝트에서도 interface를 쓰기 시작해서 모든 팀원들과 동일하게 interface를 쓰고 있다.