유틸리티 타입

y0ung·2021년 6월 1일
0

TypeScript

목록 보기
10/12
post-thumbnail

유틸리티 타입이란?

이미 정의해 놓은 타입을 변환할 때 사용하는 타입 문법이다.

유틸리티 타입의 종류

1.Pick

특정 타입에서 몇개의 속성을 선택하여 타입을 Pick키워드로 정의 하는 문법이다.

interfact를 하나더 생성해 타입을 지정해주는 방법도 있지만 코드가 길어지는 단점이 있는데 이를 해결해 줄수 있는게 Pick이다.

shoppingItemPick으로 선택한 결과는 아래와 같다

2.Omit

특정 타입에서 지정된 속성만 제거한 타입을 Omit키워드로 정의 하는 문법이다.

infoOmit으로 선택한 결과는 아래와 같다.

3.Partial

특정 타입의 부분 집합을 만족하는 타입을 Partial키워드로 정의 하는 문법이다.

productItemPartial로 선택한 결과는 아래와 같이 옵셔널 형태로 선택해준다.

유틸리티 타입을 Partial처럼 구현해보기

UserProfileUserProfileUpdate와 같이 partial키워드를 사용하지 않아도 옵셔널 타입으로 구현할수 있다.

  1. 원시적인방법

  2. 맵드 타입: 반복문을 이용해 옵셔널로 만들기
    : in을 사용해 반복문 처럼 사용한다.

    맵드 타입에 대해 더 알고 싶다면 클릭

  3. keyof 키워드 + 맵드 타입

  4. 제네릭 + keyof + 맵드 타입
    : 제네릭을 이용하므로서 Partial처럼 구현 할수 있다.


참고

profile
어제보다는 오늘 더 나은

0개의 댓글