전체

React 18 베타를 프로젝트에 적용하며 Concurrent Rendering과 Automatic Batching을 테스트했다. startTransition과 useDeferredValue로 복잡한 리스트 렌더링 성능을 개선한 과정을 기록한다.

React 18 Beta를 테스트하면서 Automatic Batching의 동작 방식을 확인했다. 기존 이벤트 핸들러 외에도 Promise, setTimeout 내부에서도 배칭이 적용되어 리렌더링 횟수가 줄어드는 것을 확인했다.

기존 TypeORM 기반 프로젝트를 Prisma 2로 점진적으로 마이그레이션한 과정을 기록했다. 스키마 정의 방식의 차이와 실제 전환 시 주의할 점들을 정리했다.

레거시 배치 작업을 동기 requests에서 asyncio 기반으로 전환했다. 외부 API 호출이 많은 작업에서 실행 시간을 1/5로 단축할 수 있었다.

React 18 베타가 공개되면서 Concurrent Rendering을 실제 프로젝트에 적용해봤다. useTransition과 useDeferredValue를 사용해 무거운 리스트 렌더링 성능을 개선한 과정을 기록한다.

TypeScript 4.5가 릴리즈되면서 템플릿 리터럴 타입이 더 강력해졌다. REST API 엔드포인트를 타입 수준에서 검증하는 방법을 도입하면서 런타임 오류를 사전에 잡을 수 있게 되었다.

React 18 beta를 테스트하면서 automatic batching이 실제로 어떻게 동작하는지 확인해봤다. setTimeout, Promise 내부에서도 배칭이 적용되는 것을 확인했고, 기존 코드에 미치는 영향을 점검했다.

React 18 Beta가 공개되어 Concurrent Rendering과 Suspense의 변화를 실험 프로젝트에 적용해봤다. startTransition과 useDeferredValue를 실제로 사용하면서 느낀 점을 정리했다.

여러 API를 동시에 호출하는 배치 작업에서 일부 요청이 실패해도 나머지는 계속 진행되도록 구현해야 했다. asyncio.gather의 return_exceptions 파라미터를 제대로 이해하지 못해 시간을 낭비했던 경험을 정리했다.

React 18 beta가 공개되면서 automatic batching이 화제다. 기존 프로젝트에 적용해보며 실제 렌더링 횟수 변화를 측정해봤다.