Next.js 서버 인스턴스 배포할때 나타나는 화이트아웃 현상 트러블 슈팅
Next.js 배포 후 정적 파일을 찾지 못해 화면이 하얗게 나오던 문제를 해결한 기록입니다. assetPrefix와 별도 CDN으로 이전 배포의 파일도 제공하도록 구성했습니다.
한 번 받은 것을 다시 쓰는 방법입니다. 쿼리 캐시의 키와 수명, 서비스 워커와 CDN이 어디까지 맡는지 확인합니다.
모든 태그 보기Next.js 배포 후 정적 파일을 찾지 못해 화면이 하얗게 나오던 문제를 해결한 기록입니다. assetPrefix와 별도 CDN으로 이전 배포의 파일도 제공하도록 구성했습니다.
Web Worker로 무거운 연산을 옮기고 작업과 취소를 관리하는 방법을 설명합니다. 탭 간 통신, Service Worker의 생명 주기, 캐시와 업데이트 설계도 함께 다룹니다.
GA·Meta Pixel의 초기화가 늦어 이벤트가 유실되는 원인을 살펴봅니다. 이벤트 큐와 스크립트 로드 방식, 캐싱 등 해결책을 비교하고 적용 조건을 설명합니다.
TanStack Query가 쿼리 키로 캐시를 찾는 과정을 소스 코드로 살펴봅니다. 키의 직렬화와 부분 매칭, 데이터 갱신과 하이드레이션에서 주의할 점을 정리합니다.