TanStack Query Hydration 오류 해결: QueryClient 설정 기준
Next.js에서 TanStack Query Hydration 오류가 날 때 QueryClient 생성 위치, HydrationBoundary, dehydrate, queryKey 일치를 점검하는 방법을 정리합니다.
상태관리·데이터
상태관리와 데이터 카테고리는 클라이언트 상태, 서버 상태, 캐싱, 비동기 데이터 흐름을 정리합니다. Zustand, TanStack Query, Firebase, Axios 같은 도구를 함께 다룹니다.
총 46개의 글
프론트엔드 배포 오류 해결 허브: Vercel, Netlify, Firebase 체크리스트
프론트엔드 배포 오류 해결 허브입니다. Vercel, Netlify, Firebase, 환경변수, 404, 500, 빌드 실패를 에러 메시지별 진단표와 관련 글로 정리합니다.
Firebase 실무 오류 해결 모음: Storage, Firestore, Auth 체크리스트
Firebase Storage URL, 403 권한 오류, Firestore permission-denied, Auth 로그인 유지, 환경변수 문제를 실무 점검 순서로 정리했습니다.
Firebase CORS 오류 해결: Storage 이미지 업로드가 막힐 때 확인할 설정
Firebase CORS 오류 해결: Storage 이미지 업로드가 막힐 때 확인할 설정 상황에서 먼저 확인할 로그, 설정, 버전, 환경 차이를 실무 체크리스트로 정리합니다.
Firebase Storage 이미지 오류 해결: 403·404·token·Rules 확인법
Firebase Storage 이미지가 보이지 않을 때 확인할 권한과 URL 설정의 원인과 해결 기준을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
TanStack Query 화면 갱신 문제 해결: 데이터 변경 후 UI가 바뀌지 않을 때
TanStack Query 데이터가 바뀌었는데 화면이 갱신되지 않는 이유의 원인과 해결 기준을 실제 작업에서 확인할 순서에 맞춰 정리합니다.
Firebase Firestore 인덱스 삭제 질문 해결: 배포 중 안전하게 판단하기
Firebase 인덱스 삭제 질문 해결: 배포 중 안전한 판단법을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다. 처음 확인할 때 헷갈리는 지점도 함께 짚었습니다.
Zustand 실무 사용 기준: store가 복잡해질 때 피할 실수
Zustand를 실무에서 사용할 때 전역 상태 범위, 서버 상태 분리, selector, persist, store 구조를 어떤 기준으로 점검해야 하는지 정리합니다.
TanStack Query 무한 스크롤 사용법: useInfiniteQuery로 목록 이어 불러오기
TanStack Query 무한 스크롤: useInfiniteQuery 구현 흐름을 중심으로 개념, 사용 기준, 실무 적용 흐름을 예제와 함께 정리합니다.
Zustand 상태 변경 후 리렌더링이 안 될 때 해결 방법
Zustand 상태 변경 후 화면이 바뀌지 않을 때 불변 업데이트, selector, shallow 비교를 순서대로 점검하는 오류 해결 글입니다.