전체

React 18 alpha가 공개되면서 Automatic Batching 기능이 추가되었다. 기존 이벤트 핸들러 외에 Promise, setTimeout 등에서도 자동으로 배치 처리가 된다는데, 실제 동작을 확인해봤다.

레거시 Flask 프로젝트를 FastAPI로 점진적으로 마이그레이션한 과정을 정리했다. 타입 힌트 기반 자동 문서화와 성능 개선이 주요 목표였다.

환경별로 늘어나는 환경변수 관리가 복잡해지면서 dotenv-expand를 도입했다. 변수 참조 기능으로 중복을 제거하고 관리 포인트를 줄일 수 있었다.

Django에서 FastAPI로 마이그레이션하면서 비동기 처리와 타입 힌팅의 장점을 경험했다. SQLAlchemy 1.4의 async 지원으로 DB 쿼리까지 논블로킹으로 처리할 수 있었다.

React 17로 업그레이드하면서 document 레벨 이벤트 리스너와의 충돌 문제를 겪었다. 이벤트 위임이 document에서 root DOM으로 변경된 것이 원인이었고, 기존 바닐라 JS 코드를 수정해야 했다.

TypeScript 4.2에서 추가된 Template Literal Types를 프로젝트에 적용하면서 API 엔드포인트와 이벤트 이름의 타입 안전성을 개선했다. 런타임 에러를 컴파일 타임에 잡을 수 있게 되었다.

TypeScript 4.2에서 추가된 템플릿 리터럴 타입을 활용해 REST API 경로를 타입 안전하게 관리하는 방법을 정리했다. 문자열 리터럴 조합으로 런타임 에러를 컴파일 타임에 잡을 수 있게 되었다.

레거시 API 서버의 성능 병목을 해결하기 위해 asyncio를 도입했다. 동기 방식의 외부 API 호출을 비동기로 전환하면서 겪은 시행착오와 성능 개선 결과를 정리했다.

프로젝트에서 반복되는 폼 처리 로직을 Custom Hook으로 추상화했다. validation과 에러 처리를 포함한 재사용 가능한 useForm 훅을 만들어 코드 중복을 줄였다.

Go 프로젝트에서 에러 처리 방식을 개선하면서 정리한 내용이다. pkg/errors와 표준 라이브러리를 활용한 실용적인 패턴들을 기록했다.