TypeScript/TypeScript - 기초부터 실전까지

9. 타입 별칭과 인터페이스의 차이점 (interface로 선언해서 사용하는 것을 추천)

DEV-Front 2023. 10. 8. 17:42
반응형

타입 별칭은 새로운 타입 값을 하나 생성하는 것이 아니라

정의한 타입에 대해 나중에 쉽게 참고할 수 있게 이름을 부여하는 것과 같습니다.

 

이러한 특징은 VSCode 상의 프리뷰 상태로 다른 타입과 어떤 차이점이 있는지 확인해볼 수 있습니다.

아래는 인터페이스로 선언한 타입을 프리뷰로 확인한 결과입니다.

아래는 타입 별칭으로 선언한 타입을 프리뷰로 확인한 결과입니다.


type vs interface

타입 별칭과 인터페이스의 가장 큰 차이점은 타입의 확장 가능 / 불가능 여부입니다.

인터페이스는 확장이 가능한데 반해 타입 별칭은 확장이 불가능합니다.

따라서, 가능한한 type 보다는 interface로 선언해서 사용하는 것을 추천합니다.

 

TIP

좋은 소프트웨어는 언제나 확장이 용이해야 한다는 원칙에 따라 가급적 확장 가능한 인터페이스로 선언하면 좋습니다 😃

반응형