TypeScript

프로젝트에 TypeScript 4.0을 도입하면서 빌드 시간이 2배 이상 늘어나는 문제가 발생했다. 증분 빌드 설정과 프로젝트 레퍼런스를 활용해 빌드 속도를 개선한 과정을 정리했다.

API 응답 타입을 처리하면서 Conditional Types의 필요성을 느꼈다. 런타임 분기에 따라 타입을 정확히 추론하도록 개선한 과정을 기록한다.

프로젝트를 TypeScript 4.0으로 업그레이드했다. Variadic Tuple Types와 Labeled Tuple Elements 덕분에 기존에 any로 처리하던 부분을 제대로 타이핑할 수 있게 되었다.

백엔드 API 응답 타입을 프론트엔드에서 재사용하면서 유틸리티 타입을 활용해 타입 안전성을 확보한 경험을 정리했다. Pick, Omit, Partial 등을 조합해 중복 코드를 줄이고 유지보수성을 높일 수 있었다.

API 응답 처리 중 Union 타입의 타입 가드를 제대로 활용하지 못해 any로 도배하게 된 코드를 리팩토링했다. discriminated union 패턴을 적용해 타입 안정성을 확보한 과정을 정리한다.

백엔드 API 스펙 변경에 대응하기 위해 유틸리티 타입을 활용한 타입 관리 방식을 도입했다. Partial, Pick, Omit 등을 조합해 중복을 줄이고 유지보수성을 높였다.

API 응답 처리 유틸 함수를 만들다가 Generic 타입 추론이 제대로 되지 않는 문제를 겪었다. TypeScript의 타입 추론 한계와 이를 해결한 방법을 정리했다.

레거시 프로젝트에 strictNullChecks를 점진적으로 적용하면서 겪은 문제들과 해결 과정을 정리했다. Optional Chaining과 Nullish Coalescing을 함께 사용하니 코드가 훨씬 안전해졌다.

프로젝트를 TypeScript 3.9로 업그레이드하면서 빌드 속도가 체감상 30% 이상 빨라졌다. 특히 incremental 모드에서의 개선이 눈에 띄었고, 몇 가지 tsconfig 최적화를 함께 적용했다.

프로젝트에서 Enum을 사용하다가 번들 사이즈와 타입 안정성 문제를 겪었다. Union Type으로 전환하면서 얻은 이점들을 정리했다.