반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 타입스크립트
- react
- ReactNative
- 스프링
- 자바스크립트
- Java의정석
- 정보처리기사요약
- 오라클
- 리액트
- php
- 정보처리기사실기정리
- VUE
- 정보처리기사정리
- 국비코딩
- 이안의평일코딩
- spring
- 평일코딩
- Oracle
- javascript
- 리액트네이티브
- 자스코테
- 자바스크립트 코딩테스트
- 국비IT
- 정보처리기사실기
- 정보처리기사
- typescript
- 정보처리기사실기요약
- CSS
- 자바의정석
- 코딩테스트
Archives
- Today
- Total
목록omit (1)
이안의 평일코딩
[TypeScript] 유틸리티 타입, 맵드 타입
유틸리티 타입 기본 문법으로 충분히 타입을 변환할 수 있지만, 유틸리티 타입을 쓰면 이미 정의해 놓은 타입을 변환하거나 코드를 줄여 간결하게 정의할 수 있다. 제네릭타입이라고도 불리운다. Pick 타입을 불필요하게 정의하지 않아도 되며 간편하고 간결하게 만들어 준다. interface Product { id: number; name: string; price: number; brand: string; stock: number; } function fetchProducts(): Promise { // ... } Product의 일부(id, name, price)만 가지고 와야 하므로 Product를 쓰지 못함. 밑의 방법은 새로운 인터페이스를 만들기 때문에 권장되지 않는다. interface Product..
Front-end/TypeScript
2021. 6. 1. 16:11