본문 바로가기
typescript

유틸리티 타입

by dev__log 2024. 3. 5.

 

Partial<T>

일부만 만족하면 되는 타입

 

 

Required<T>

모든 속성을 필수로 제공해야 하는 타입

 

 

Readonly<T>

읽기 전용으로 값을 변경할 수 없는 객체로 만드는 타입

재할당 불가

 

 

Pick<T, K>

타입 T에서 지정한 K 속성들로 새로운 타입을 만드는 타입

type Person = {
  id: string;
  name: string;
  age: number;
  phone: string;
}

type PickType = Omit<Person, "name" | "age">;

const Component = ({name, age} : PickType) => {
  return <div>...</div>
}

 

 

Omit<T, K>

타입 T에서 K 속성을 제외한 속성으로 새로운 타입을 만드는 타입 (Pick의 반대)

type Person = {
  id: string;
  name: string;
  age: number;
  phone: string;
}

type OmitType = Omit<Person, "id">;

const Component = ({name, age, phone} : OmitType) => {
  return <div>...</div>
}

'typescript' 카테고리의 다른 글

[typescript] 교차 타입 Intersection Type  (0) 2024.04.01
typescript 기본 타입  (0) 2024.03.04