Search for a command to run...
Series
이 시리즈에서는 '한 입 크기로 잘라먹는 타입스크립트'의 강의 내용을 다룹니다. 타입스크립트의 문법과 동작원리를 학습한 내용을 기록합니다.
Pick Pick<T, K>는 특정 객체 타입으로부터 특정 프로퍼티 만을 골라내는 타입이다. 예를 들어 Pick 타입에 T가 name, age가 있는 객체 타입이고 K가 name 이라면 결과는 name만 존재하는 객체 타입이 된다. 예제 다음과 같이 옛날에 작성된 포스트가 하나 존재한다고 가정해보자. interface Post { title: string; tags: string[]; content: string; thumbna...
Partial Partial<T>은 특정 객체 타입의 모든 프로퍼티를 선택적 프로퍼티로 변환한다. 즉, 기존 객체 타입에 정의된 프로퍼티들 중 일부분만 사용할 수 있도록 도와주는 타입이다. 예제 간단한 블로그 플랫폼의 일부를 직접 구현한다고 가정해보자. // 게시글 타입 interface Post { title: string; tags: string[]; content: string; thumbnailURL?: string; } ...
Exclude Exclude<T, U>는 다음과 같이 T로부터 U를 제거하는 타입이다. type A = Exclude<string | boolean, string>; // boolean 직접 구현하면 다음과 같다. type Exlcude<T, U> = T extends U ? never : T; Extract Extract<T, U>는 다음과 같이 T로 부터 U를 추출하는 타입이다. type B = Extract<string | b...
유틸리티 타입이란 유틸리티 타입이란 타입스크립트가 자체적으로 제공하는 특수한 타입들로, 제네릭, 맵드 타입, 조건부 타입 등의 타입 조작 기능을 이용해 실무에서 자주 사용되는 유용한 타입들을 모아 놓은 것을 의미한다. 예를 들어 다음과 같이 Readonly<T>와 같은 유틸리티 타입을 이용해 특정 객체 타입의 모든 프로퍼티를 읽기 전용 프로퍼티로 변환할 수 있다. interface Person { name : string; hp : nu...
infer infer는 조건부 타입 내에서 특정 타입을 추론하는 문법이다. infer는 다음과 같이 특정 함수 타입에서 반환값의 타입만 추출하는 특수한 조건부 타입인 ReturnType을 만들 때 이용할 수 있다. 예제 1. type ReturnType<T> = T extends () => infer R ? R : never; type FuncA = () => string; type FuncB = () => number; type A = ...
강의 진도 조건부 타입 소개 분산적인 조건부 타입 infer - 조건부 타입 내에서 타입 추론하기 관련 게시글 조건부 타입 분산적인 조건부 타입 infer 문법 진행 날짜 2024년 2월 5일 Mission Quiz 1. 다음 요구사항을 만족하는 IsProductKey 타입을 완성하세요 IsProductKey 타입은 조건부 타입으로 다음 조건에 따라 각각 다른 타입으로 결정됩니다. T가 Product의 key(프로퍼티 이름)중 하...
![[한입 TS 챌린지] Last Day](/_next/image?url=https%3A%2F%2Fcdn.hashnode.com%2Fres%2Fhashnode%2Fimage%2Fupload%2Fv1710682079742%2Fdd5c1403-052f-4521-8ccd-66fcdb17bbbc.png&w=3840&q=75)