전체

TypeScript 4.7에서 추가된 Node.js ESM 지원을 프로젝트에 적용하면서 겪은 module resolution 문제와 해결 과정을 정리했다. package.json의 type 필드와 tsconfig의 module 설정 조합이 핵심이었다.

회사 프로젝트를 React Native 0.69로 업그레이드하는 과정에서 Android 빌드가 실패했다. Gradle 버전과 JDK 11 호환성 문제였고, 해결 과정을 기록한다.

대용량 리스트 검색 기능에서 입력 지연 문제가 발생했다. React 18의 useTransition을 적용해 UI 응답성을 개선한 과정을 기록한다.

기존 Flask API를 FastAPI로 마이그레이션하면서 Pydantic 모델을 활용한 요청 검증 방식을 도입했다. 수동 검증 로직을 제거하고 타입 안정성을 확보할 수 있었다.

이미지 리사이징 API에서 동시 요청 시 응답 시간이 급증하는 문제가 있었다. Node.js 18의 Worker Threads를 활용해 CPU 집약 작업을 병렬 처리하도록 개선했다.

모바일 앱에 딥링크를 추가하는 작업을 진행했다. Android와 iOS 각각 설정이 달라 생각보다 시간이 걸렸고, 특히 Android 12 대응 과정에서 몇 가지 이슈가 있었다.

3월에 출시된 React 18을 프로덕션에 적용했다. Concurrent Rendering과 Automatic Batching이 주요 변경점이었는데, 실제 마이그레이션 과정에서 마주친 이슈들을 정리한다.

React 18로 마이그레이션하면서 자동 배칭이 기존 상태 업데이트 로직에 미친 영향을 정리했다. setTimeout과 Promise 내부의 여러 setState가 하나로 묶이면서 예상치 못한 렌더링 최적화가 발생했다.

TypeScript 4.7에서 추가된 satisfies 연산자를 실무에 적용해봤다. as 타입 단언의 단점을 보완하면서도 타입 추론을 유지할 수 있어 유용했다.

3월에 정식 출시된 React 18을 프로젝트에 적용했다. Automatic Batching과 Suspense 개선이 체감되는 부분이 많았고, 마이그레이션은 생각보다 순조로웠다.