[TypeScript] 이렇게도 사용할 수 있다! (2)

 

CASE 1. 유니온의 인터페이스보다는 인터페이스의 유니온을 사용하자

아래처럼 사용하면 너무 많은 속성을 갖게되고 너무 많은 오류를 발생시킬 수 있다.

interface Layer {
  layout: FillLayout | LineLayout | PointLayout
  paint: FillPaint | LinePaint | PointPaint
}

 

각각 타입의 계층을 분리된 인터페이스로 두는 더 나은 방법으로 모델링 할 수 있다.

interface FillLayer {
  layout: FillLayout
  paint: FillPaint
}

interface LineLayer {
  layout: LineLayout
  paint: LinePaint
}

interface PointLayer {
  layout: PointLayout
  paint: PointPaint
}

type Layer = FillLayer | LineLayer | PointLayer

 

 

 

 

CASE 2. 관계가 있는 필드는 묶자

아래 예시와 같이 2개의 필드는 값이 둘 다 있거나, 또는 둘 다 없는 경우 2가지가 있다. 우리는 그 사실을 알고있지만, 타입 정보에는 어떠한 관계도 표현되지 않는다. 

 

interface Person {
  name: string
  // 이 둘은 둘 다 있거나 둘 다 없는 케이스이다.
  placeOfBirth?: string
  datesOfBirth?: Date
}

 

따라서 2개의 속성을 하나의 객체로 모으는 것이 더 나은 설계이다.

interface Person {
  name: string
  birth?: {
    place: string
    date: Date
  }
}

 

 

 

---

 

 

출처

댄 밴터캄, 이펙티브 타입스크립트 (프로그래밍 인사이트, 2021)

 

 

 

---

개인적으로 공부한 내용을 정리하는 블로그로
잘못된 개념을 게시하지않도록 주의하고 있으나 오류가 있을 수 있습니다.