TypeScript

TypeScript 3.9가 정식 배포되었다. 빌드 속도 개선과 함께 Promise 타입 체크 강화 등 실무에 유용한 변경사항들이 포함되었다. 팀 프로젝트에 적용하면서 확인한 주요 개선사항을 정리했다.

재택근무하면서 레거시 API 타입 정의 작업을 진행했다. Pick, Omit, Partial 등 유틸리티 타입을 활용해 중복 없이 타입을 관리하는 방법을 정리했다.

회사 프로젝트를 TypeScript 3.8로 업그레이드하면서 optional chaining과 nullish coalescing을 도입했다. 중첩된 객체 접근 시 null 체크 코드가 얼마나 간결해지는지 정리한다.

회사 프로젝트를 TypeScript 3.8로 업그레이드하면서 새로 추가된 import type 구문을 적용했다. 번들 크기 최적화와 타입 임포트 명시화를 위한 작업 과정을 기록한다.

회사 프로젝트에 TypeScript 3.8을 적용하면서 마주친 타입 에러들을 정리했다. 특히 nullable 체크와 제네릭 타입 추론 관련 이슈가 많았다.

재택근무 전환 후 팀 내 타입 안정성 이슈가 반복되어 TypeScript 3.8의 const assertion을 도입했다. as const를 활용해 리터럴 타입을 보존하고 불필요한 타입 단언을 제거할 수 있었다.

API 호출 시 요청 파라미터에 따라 응답 타입이 달라지는 경우가 있다. 조건부 타입을 활용해 타입 안전성을 유지하면서 이를 해결했다.

TypeScript 3.7에서 추가된 Optional Chaining을 프로젝트에 적용했다. null 체크 코드가 대폭 줄어들면서 가독성이 개선되었고, 특히 API 응답 처리 부분에서 효과가 컸다.

중첩된 객체 속성 접근 시 매번 null/undefined 체크하던 코드를 Optional Chaining으로 개선했다. TypeScript 3.7에서 정식 지원되기 시작한 이 기능으로 코드 가독성이 크게 향상되었다.

레거시 React 프로젝트에 TypeScript를 한 번에 적용하기엔 리스크가 컸다. allowJs 옵션을 활용해 점진적으로 마이그레이션한 과정을 정리했다.