Coding devil/8: Utility Types

[nyun-nye]

✍ Coding devil/8: Utility Types

📝Description

• keyof
  • 키 값을 추출하는 키워드이다.
  • keyof 키워드를 사용해서 키 값들을 union 형태로 받을 수 있다.
• Partial<T>
  • 프로퍼티의 타입을 모두 optional로 변경해준다.
  • 이렇게 되면 프로퍼티 중 일부만 사용하는 것이 가능해진다.
  • 추후 interface를 활용할 때 활용도가 가장 높을 것 같다.
• Required<T>
  • 모든 프로퍼티를 필수로 변경해준다.
  • optional로 지정된 프로퍼티도 필수로 사용해야한다.
  • Partial과 반대되는 개념이다.
• Readonly<T>
  • 모든 프로퍼티를 읽기 전용으로 변경해준다.
  • 프로퍼티에 값을 할당하는 것만 가능하고 수정이 불가능하다.
• Record<K,T>
  • 여기서 K는 key를 의미하고, T는 type을 의미한다.
  • 키와 값에 대한 타입을 지정해준다.
• Pick<T, K>
  • 여기서 K는 key를 의미하고, T는 type을 의미한다.
  • T 타입에서 K 프로퍼티만 골라서 사용할 수 있다.
• Omit<T,K>
  • T 타입에서 K 프로퍼티만 생략해서 사용할 수 있다.
  • Pick과 반대되는 개념이다.
• Exclude<T1, T2>
  • T1에서 T2를 제외하고 사용한다.
  • Omit과 혼동할 수 있지만 Omit은 프로퍼티를 제거하는 것이고 Exclude는 타입을 제거하는 것이다.
• NonNullable<Type>
  • Null과 undefind를 제외한 타입을 생성한다.

      type T1 = string | null | undefined | void;
      type T2 = NonNullable<T1>;
    

    • 위 예제 코드에서 T2에 hover하면 아래 사진과 같은 문구가 뜬다. TypeScript에서 {}는 모든 값이 될 수 있는 객체 타입을 의미한다. 그러나 null이나 undefined는 객체가 아니므로, {} & null 또는 {} & undefined는 제거됩니다. 따라서 원했던 대로 string과 void 타입만 남는다.
      

📌Summary

• keyof: 객체 타입의 키들을 유니온 타입으로 반환
• Partial<T>: 타입 T의 모든 프로퍼티를 optional로 변경해주는 유틸리티 타입
• Required<T>: 타입 T의 모든 프로퍼티를 필수로 설정하여, 모든 속성을 반드시 사용하게 함
• Readonly<T>: 타입 T의 모든 프로퍼티를 읽기 전용으로 설정하여 수정 불가능하게 함
• Record<K, T>: K는 키 타입, T는 값 타입으로, 키와 값의 타입을 지정하여 객체를 생성할 수 있음
• Pick<T, K>: 타입 T에서 특정 키 K만 선택해서 사용할 수 있게 함
• Omit<T, K>: 타입 T에서 특정 키 K만 제외하고 사용할 수 있게 함.
• Exclude<T1, T2>: 타입 T1에서 타입 T2를 제외하고 남은 타입을 반환
• NonNullable<Type>: null과 undefined를 제외한 타입을 생성