5주차 TypeScript Study 에서는 Union , Intersection 과 enum 에 대해 배웠습니다

스터디 내용을 복습하면서 각 타입이 언제 사용되는지 더 알아보았습니다

👥 Union

🤷🏻 union type 이란?

합집합 A ∪ B → 즉, A타입, B 타입 둘 중 하나 !

 | 로 구분하고 Javascript 의 OR 연산자와 비슷한 역할을 한다!

let one: string | number | boolean;
 
one = 1;
one = '1';
one = true;

🙆🏻 언제 사용할까?

• 여러 타입 중 하나가 올 것이라고 가정할 때 사용
• 단, 인터페이스에 유니온 타입을 사용하는 경우 인터페이스 유니온 타입을 확장하지 못함
  • 이럴 때는 type alias 와 & 를 사용해야 함

👤 Intersection

🤷🏻 intersection type 이란?

교집합 A ∩ B → 즉, A타입이면서 B타입 !

 & 로 구분하고 Javascript 의 OR 연산자와 비슷한 역할을 한다!

type Student = {
    study: () => void;
};
 
type Developer = {
    develop: () => void;
}
 
const subin: Human & Developer = {
    study() {
        console.log("공부 중");
    } ,
    develop() {
        console.log("개발 중");
    } 
}

🙆🏻 언제 사용할까?

• 기존 타입을 대체하지 않으면서 기존 타입에 새로운 필드를 추가하고 싶을 때 사용

⛓️ Enum

🤷🏻 enum 이란?

열거형, 특정 값들의 집합을 이름이 있는 상수들로 구성하는 방법

enum LanguageCode {
  korean = 'ko',
  english = 'en',
  japanese = 'ja',
  chinese = 'zh',
  spanish = 'es',
}

🙆🏻 언제 사용할까?

• 추상화를 하고 싶을 때

  enum LanguageCode {
    korean = 'ko',
    english = 'en',
    japanese = 'ja',
    chinese = 'zh',
    spanish = 'es',
  }
  
  const code: LanguageCode = LanguageCode.korean

🙅🏻 enum의 문제점

• 확장 불가능성
  • 특정 enum 과 다른 enum 을 합쳐 또 다른 enum을 만들기 위해서는 union type 을 사용해야한다
• 불완전한 타입 안정성
• 코드 사이즈 증가
  • enum 은 결국 JS 객체로 컴파일 되기 때문에 많은 enum 선언은 전체적인 코드 사이즈에 영향을 준다

💁🏻 enum의 대체 방법

1️⃣ union type 사용하기

enum LanguageCode {
  korean = 'ko',
  english = 'en',
  japanese = 'ja',
  chinese = 'zh',
  spanish = 'es',
}

type LanguageCode = 'ko' | 'en' | 'ja' | 'zh' | 'es'

2️⃣ const object 사용하기

const LanguageCode {
  korean : 'ko',
  english : 'en',
  japanese : 'ja',
  chinese : 'zh',
  spanish : 'es',
} as const

type LanguageCodeType = typeof LanguageCode[keyof typeof LanguageCode]