ENN
Typescript 유틸리티 타입 본문
- 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 |