Generics 2️⃣ Keyof Constraint 제네릭으로 객체에 대한 제약 조건을 줄 때, 키 값을 필요로 한다면 keyof를 사용한 제약 조건을 쓰면 실수를 방지할 수 있다. function extractAndConvert( obj: T, key: U ) { return 'Value: ' + obj[key]; } extractAndConvert({}, 'name'); // Error occurred 제네릭 T의 제약 조건으로 object를 설정해주었고, U의 제약 조건으로 T의 key를 설정해주었다. extractAndConvert로 빈 객체({})와 name이라는 문자열을 전달했을 때, 빈 객체에는 name이라는 키 값이 없기 때문에 컴파일 오류가 난다! 제네릭으로 U extends keyof..

Generics 1️⃣ What is Generics? 제네릭은 vanilla JavaScript에는 없고 TypeScript에만 있는 개념으로, 특정 타입의 데이터를 저장하여 타입 안전성을 확보할 수 있는 기법이다. TypeScript에서 기본적으로 제공하는 제네릭 타입으로는 Array, Promise가 있다. // Array const names: Array = []; /* Array에 대한 타입을 string으로 지정하면(= Generic) 앞으로 names 배열에 들어올 데이터의 타입이 string임을 추론함 */ // Promise const promise: Promise = new Promise((resolve, reject) => { setTimeout(() => { resolve(10); ..