Notice
Recent Posts
Recent Comments
Link
«   2025/05   »
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
Archives
Today
Total
관리 메뉴

ENN

Typescript 유틸리티 타입 본문

프론트엔드

Typescript 유틸리티 타입

asaei623 2022. 9. 14. 01:39
  • TypeScript에서는 타입 변환을 더 쉽게 만들어주는 유틸리티 타입을 제공한다.

유틸리티 타입의 종류

  • 자세한 내용 및 사용예시는 공식 문서 참고 (공식문서)

#Partial<T>

  • interface의 일부만 만족하는 객체를 구현할 수 있다.

#Readonly<T>

  • 객체 내 모든 변수를 readonly로 지정한 것과 같은 효과를 준다.

#Pick<T, K>

  • interface의 특정한 부분만 뽑아서 type으로 만든다.

#Omit<T, K>

  • pick과 반대로, 특정한 부분만 제외해서 type으로 만든다.

#ReturnType<T>

  • 해당 함수의 return type을 가져온다.

#Required<T>

  • partial과 반대로, interface의 전부를 만족해야만 에러없이 생성된다.

#ThisParameterType

  • 해당 함수의 this의 type을 정한다.

#OmitThisParameter

  • 해당 함수의 this를 없앤다.

#ThisType<T>

  • 해당 함수의 this의 type을 가져온다.

유틸리티 타입의 존재를 모른다면..

  • 직접 interface를 복사해서 원하는대로 만들어 사용해야 되므로, 중복된 코드를 유지보수해야 하는 문제가 생긴다.
  • 당연히 번거롭다.
  • 따라서 어느정도 유틸리티 타입의 종류를 알아두고 있는 것이 좋다.

'프론트엔드' 카테고리의 다른 글

[React] States Props  (0) 2022.09.19
Redux와 SWR 비교  (0) 2022.09.14
ajax, fetch, axios 비교  (0) 2022.09.14
Styled-components  (0) 2022.09.14
Next.js  (0) 2022.09.14