TypeScript 실전 가이드
TypeScript 타입 시스템부터 제네릭, 유틸리티 타입, 데코레이터까지
📘 TypeScript 기초
TypeScript 시작하기 - 타입, 인터페이스, 제네릭
-
TypeScript 시작하기 | 설치, 설정, 기본 문법
TypeScript를 설치하고 tsconfig.json을 설정해 첫 프로그램을 컴파일·실행하기까지의 과정을 따라갑니다. 원시 타입·배열·튜플, any와 unknown의 차이, satisfies, 선택적·기본 매개변수 같은 입문 문법을 예제로 익힙니다.
-
TypeScript 고급 타입 | Union, Intersection, Literal 타입
여러 형태를 허용하는 Union 타입과 &로 합치는 Intersection 타입, 리터럴 타입과 Type Alias를 다루고, typeof·instanceof·in·사용자 정의 타입 가드로 타입을 좁히는 방법을 API 응답과 상태 머신 예제로 설명합니다.
-
TypeScript 인터페이스: 함수 타입, 인덱스 시그니처, 확장과 선언 병합, type alias와의 차이
TypeScript 인터페이스로 객체 모양을 선언하는 법을 선택적·읽기 전용 프로퍼티부터 함수·생성자 타입, 인덱스 시그니처, extends 다중 확장, 선언 병합, implements까지 예제로 설명하고, type alias와 어느 쪽을 쓸지 판단 기준도 제시합니다.
-
TypeScript 제네릭: 함수·인터페이스·클래스 제네릭, extends 제약, 고급 패턴과 흔한 실수
any 대신 타입 매개변수로 입력과 출력 타입을 연결하는 제네릭을 함수·인터페이스·클래스에 적용하고, extends와 keyof로 제약을 거는 방법을 배열 유틸리티·캐시 시스템·Promise 래퍼 예제로 익힙니다. 제약 없이 프로퍼티에 접근하는 실수도 다룹니다.
🚀 고급 기능
유틸리티 타입, 데코레이터, 고급 패턴
-
TypeScript 유틸리티 타입 | Partial, Pick, Omit, Record
Partial·Required·Readonly·Pick·Omit·Record와 Exclude·Extract·NonNullable·ReturnType·Parameters가 매핑 타입과 조건부 타입으로 어떻게 구현되는지 보여 주고, API 타입과 폼 상태를 기존 타입에서 파생하는 실무 예제를 다룹니다.
-
TypeScript 데코레이터: 클래스·메서드·프로퍼티·매개변수 데코레이터와 데코레이터 팩토리
TypeScript 데코레이터를 쓰려면 tsconfig에서 무엇을 켜야 하는지부터 클래스·메서드·프로퍼티·매개변수 데코레이터의 시그니처, 인자를 받는 데코레이터 팩토리까지 설명하고, 로깅·성능 측정·권한 체크·캐싱 예제로 실제 활용법을 보여 줍니다.
-
TypeScript 고급 패턴 | 조건부 타입, 템플릿 리터럴 타입
조건부 타입과 infer로 함수 반환값·매개변수·Promise 내부 타입을 추출하고, 템플릿 리터럴 타입과 키 재매핑으로 문자열 기반 API를 타입으로 표현하는 방법을 다룹니다. 이벤트 시스템·쿼리 빌더 예제와 DeepPartial 구현도 포함합니다.
💼 실전 프로젝트
TypeScript로 실전 프로젝트 구축