Type Aliases

타입의 새로운 이름을 지정

Type Aliases는 특정 타입, 혹은 Interface를 참조할 수 있는 타입 변수를 의미한다.

// string 타입 사용
const name: string = 'Mirrer';

// 타입 별칭 사용
type MyName = string;
const name: MyName = 'Mirrer';

Interface 레벨의 복잡한 타입도 다음과 같이 별칭을 부여할 수 있다.

type Person = {
  name: string;
  age: number;
  gender: string;
}

특징

타입 별칭은 새로운 타입 값이 아닌 기존에 정의한 타입을 추후 쉽게 참고하기 위해 이름을 부여하는 것과 같다.

아래는 VSCode 상의 Interface, Type Aliases를 프리뷰 상태로 비교한 결과이다.

• Interface

• Type Aliases

Type, Interface

Type Aliases와 Interface의 가장 큰 차이점은 타입의 확장 가능 여부이다.

Interface는 확장이 가능한 반면, 타입 별칭은 확장이 불가능하다.

그래서 가능한 Type 보다는 Interface를 사용하는 것을 권장한다.

참고 자료

TypeScript: JavaScript With Syntax For Types.
React TypeScript Tutorial for Beginners - Codevolution
타입스크립트 입문 - 기초부터 실전까지 - 장기효