[TS] Syntax | 05. 타입 별칭(Type Alias)

아래 코드는 cart 변수에 string[ ] 타입을 부여했습니다.

const cart: string[] = [
  'c001',
  'c001',
  'c002',
];

interface User {
  username: string;
  email: string;
  cart: string[];
}

const user: User = {
  username: 'rayi',
  email: 'jusmint3@gmail.com',
  cart,
}

이 때 cart 변수의 타입을 바꾸려면 cart가 선언된 모든 구문을 찾아 string[ ]을 수정해주어야 합니다.

만약 더 복잡한 형태의 타입으로 정의되어 있다면, 이런 방식으로는 유지보수가 어려울 수 있습니다.

 

복잡한 타입에 이름을 붙여 간단하게 표기하기위해, type 구문을 사용할 수 있습니다.

// 변수
type Cart = string[];

// 함수
type CartResultCallbak = (result:boolean) => void;

// 객체
type Product = {
    id: string;
    name: string;
}

// Union
type Coupon = 
  | PromotionCoupon
  | EmployeeCoupon
  | WelcomCoupon
  | RewardCoupon
  ;

위 예시에서 객체의 경우 interface와 유사하다는 것을 알 수 있는데, 실제로 interface와 동일한 동작을 수행합니다.

그러나 되도록이면 interface를 사용하는 것을 권장하는 편입니다.