개선 사례Next.js SSR V8 Heap OOM: QueryClient 생명주기와 gcTime 개선 사례
Next.js SSR에서 반복된 V8 heap OOM을 QueryClient 생명주기와 gcTime 관점에서 추적하고, 메모리 사용량을 낮춘 과정을 정리한 사례입니다.
- #Next.js
- #TanStack Query
- #SSR
- #Performance
Development Log
만들고 운영하며 배운 것
결과만 나열하지 않고 가설, 확인한 증거, 선택과 해결 과정을 남깁니다.
개선 사례
개선 사례U+모아tv TanStack Query v5 마이그레이션과 iOS 14 WebView 호환성 대응.
U+모아tv의 React Query v3 데이터 계층을 TanStack Query v5로 전환하고, iOS 14 WebView의 최신 문법 호환 문제를 빌드 단계에서 해결한 사례입니다.
- #Next.js
- #TanStack Query
개선 사례U+모바일tv 화면 전환 반복 종료: MobX autorun 메모리 누수 개선.
U+모바일tv WebView에서 화면 전환 반복 시 종료되던 문제를 MobX autorun disposer 누락으로 좁히고 생명주기에 맞게 정리한 사례입니다.
- #Performance
- #Incident
개선 사례U+tv모바일 홈 성능 개선 및 App Router 마이그레이션.
기존 U+모아tv 홈의 초기 렌더링 병목을 개선하고, 차세대 U+tv모바일의 App Router·SSR·Hydration 구조로 이관한 과정을 정리한 사례입니다.
- #Next.js
- #Performance
- #SSR
- #TanStack Query