TypeScript 5 고급 패턴 — 실무에서 바로 쓰는 타입

TypeScript의 고급 타입 패턴과 실무 활용법.

TypeScript 5의 const type parameter는 리터럴 타입을 자동으로 추론합니다. function foo<const T>(arg: T)로 선언하면 전달된 값이 자동으로 좁은 타입으로 추론됩니다.

Template literal types로 문자열 패턴을 타입으로 표현할 수 있습니다. API 라우트, CSS 클래스, 이벤트 이름 등을 타입 안전하게 관리할 수 있습니다.

판별 유니온은 상태 관리에서 가장 유용합니다. loading/success/error 상태를 타입으로 표현하면 각 상태에서 접근 가능한 속성이 자동으로 제한됩니다.