전체 글

TypeScript 조건부 타입(Conditional Types) 알아보기 (Part 3) - 조건부 타입의 실무 활용과 고급 타입 설계들어가며Part 2에서는 Promisify 타입, ReturnType, infer, 그리고 제네릭을 유지하면서 반환 타입을 변환하는 방법을 알아보았습니다. 이번 Part에서는 조건부 타입을 실제 프로젝트에서 어떻게 활용하는지와, 맵드 타입 및 유틸리티 타입을 함께 사용하여 더욱 유연한 타입을 설계하는 방법을 살펴보겠습니다.조건부 타입은 TypeScript의 여러 고급 기능과 결합될 때 더욱 강력한 성능을 발휘합니다. 특히 제네릭, 맵드 타입, keyof, infer 등을 함께 사용하면 반복되는 타입 선언을 줄이고 유지보수가 쉬운 타입 시스템을 구축할 수 있습니다.조건부 ..

TypeScript 조건부 타입(Conditional Types) 알아보기 (Part 2) - Promisify 타입과 고급 제네릭 활용들어가며Part 1에서는 조건부 타입(Conditional Types)의 개념과 Exclude 유틸리티 타입, 그리고 데코레이터와 소스맵(Source Map)의 역할에 대해 알아보았습니다.이번 Part에서는 조건부 타입이 실제 프로젝트에서 어떻게 활용되는지 살펴보겠습니다. 특히 동기(Synchronous) 메서드를 비동기(Asynchronous) 메서드로 변환하는 Promisify 타입과, 메서드와 일반 프로퍼티를 구분하는 방법, 그리고 제네릭 타입을 유지하면서 새로운 타입을 생성하는 기법을 중심으로 알아보겠습니다.조건부 타입은 단순히 타입을 비교하는 기능이 아니라 복잡..

TypeScript 조건부 타입(Conditional Types)과 소스맵(Source Map) 알아보기 (Part 1)들어가며TypeScript는 단순히 변수의 타입을 지정하는 언어가 아닙니다. 상황에 따라 타입을 변경하거나 새로운 타입을 생성하는 다양한 기능을 제공합니다. 그중 대표적인 기능이 조건부 타입(Conditional Types)입니다.조건부 타입은 특정 조건에 따라 서로 다른 타입을 반환할 수 있는 기능으로, 제네릭과 함께 사용하면 매우 강력한 타입 시스템을 구현할 수 있습니다. 또한 TypeScript는 데코레이터를 이용하여 클래스나 메서드에 메타데이터를 추가할 수 있으며, 개발 편의성을 높여주는 소스맵(Source Map) 기능도 제공합니다.이번 글에서는 조건부 타입의 기본 개념과 Ex..

TypeScript 맵드 타입(Mapped Types) 알아보기 (Part 3) - Partial, Required, Record와 실전 활용들어가며Part 2에서는 Readonly와 Pick를 중심으로 맵드 타입이 실제 프로젝트에서 어떻게 활용되는지 알아보았습니다. 이번 Part에서는 TypeScript에서 자주 사용하는 Partial, Required, Record, Omit 등의 대표적인 유틸리티 타입을 살펴보고, 맵드 타입을 효과적으로 활용하는 방법을 알아보겠습니다.이러한 유틸리티 타입은 모두 맵드 타입을 기반으로 구현되어 있으며, 복잡한 타입을 간결하게 표현하고 중복 코드를 줄이는 데 중요한 역할을 합니다.PartialPartial는 기존 타입의 모든 프로퍼티를 선택적(Optional)으로 변경..