Frontend

TypeScript 5.3에서 정식 지원되는 Import Attributes를 프로젝트에 적용했다. 기존 assert 구문을 with로 변경하면서 겪은 마이그레이션 과정과 번들러 설정 이슈를 정리한다.

React 19 RC에서 공개된 use() 훅을 프로젝트에 적용해봤다. Suspense와 결합하면 비동기 데이터 페칭 로직이 상당히 간결해진다. 기존 useEffect 패턴과 비교해본 내용을 정리했다.

React 19 RC가 공개되면서 폼 관리 관련 새로운 훅들이 추가되었다. 현재 프로젝트에 useFormStatus를 도입할지 검토하면서 기존 React Hook Form과의 비교를 진행했다.

React 19 RC에 추가된 use() 훅을 실험해봤다. Promise를 직접 전달할 수 있어 Suspense와 결합했을 때 데이터 페칭 코드가 상당히 간결해졌다. 기존 useEffect 기반 패턴과 비교해본 경험을 정리했다.

프로젝트에서 JSON 파일을 import할 때 타입 추론이 제대로 되지 않는 문제가 있었다. TypeScript 5.3에서 정식 지원하는 Import Attributes를 적용해 해결했다.

API 응답 형태가 성공/실패에 따라 달라지는 상황에서 조건부 타입을 활용해 타입 안정성을 확보했다. 기존 union 타입 방식의 문제점과 개선 과정을 기록한다.

TypeScript 5.7로 업그레이드하면서 빌드 시간이 20% 단축되었다. 특히 대규모 모노레포 환경에서 체감이 컸다.

React 19 RC가 공개되면서 새로운 use() 훅을 프로젝트에 적용해봤다. Promise와 Context를 직접 사용할 수 있는 이 훅의 실용성을 검증하고, 기존 패턴과 비교해봤다.

React 19 RC가 공개되면서 새로운 use 훅을 프로젝트에 적용해봤다. Promise를 직접 전달할 수 있는 구조가 기존 data fetching 패턴을 크게 단순화시킬 수 있었다.

React 19 RC를 테스트하던 중 ref 콜백에서 cleanup 함수를 반환할 수 있게 변경된 것을 발견했다. 기존 코드에서 예상치 못한 동작이 발생해 마이그레이션 작업을 진행했다.