Zustand Store 타입 지정: TypeScript로 state와 action 안전하게 관리하기
이 글에서 정리하는 내용 Zustand Store에 TypeScript 타입을 붙일 때는 상태 값만 보는 것으로 끝나지 않습니다. Store가 어떤 값을 가지고, 그 값을 어떤 action으로만 바꿀 수 있는지 하나의 계약으로 잡아야 합니다. 작은 카운터 Store에서는 차이가 늦게 보이지만, 유저 정보·모달·필터·장바구…
더 읽기상태관리·데이터
라이브러리는 특정 기능을 효율적으로 사용하기 위해 필요한 순간에 호출하여 사용하는 코드 모음입니다. 프로젝트의 전체 구조나 흐름을 강제하지 않으며, 개발자가 직접 제어권을 가지고 선택적으로 활용할 수 있습니다.
Zustand React 리렌더링 기준: 상태 변경이 화면에 반영되는 흐름 이해하기
이 글에서 정리하는 내용 Zustand를 사용할 때 리렌더링을 판단하는 기준을 React 렌더링 흐름과 연결해서 정리합니다. store 전체가 바뀌었는지가 아니라, 컴포넌트가 어떤 값을 선택해서 구독하고 있는지가 핵심입니다. React 리렌더링부터 확인해야 하는 이…
더 읽기
Zustand 리렌더링 문제 해결: 상태 변경 후 화면이 바뀌지 않을 때
Zustand 상태를 바꿨는데 리렌더링되지 않는 이유에서 먼저 확인할 것 Zustand 상태를 바꿨는데 리렌더링되지 않는 이유는 단순히 한 줄 코드를 바꾸는 문제로 끝나지 않습니다. Zustand store 값은 바뀐 것 같은데 컴포넌트가 다시 그려지지 않는 상황을…
더 읽기
TanStack Query Hydration 오류 해결: HydrationBoundary와 QueryClient 설정 확인하기
이 글에서 정리하는 내용 TanStack Query Hydration 오류는 서버에서 prefetch한 데이터와 클라이언트 QueryClient가 같은 캐시를 공유하지 못할 때 자주 생깁니다. QueryClient 생성 위치, dehydrate/Hydrat…
더 읽기
Firebase 실무 오류 해결 모음: Storage, Firestore, Auth 체크리스트
Firebase 실무 오류를 Storage, Auth, Firestore 기준으로 나눠 해결하기이 글은 Firebase 실무 오류 해결의 대표 허브입니다. Storage, Firestore, Auth, Functions, Hosting 문제가 서로 섞여 보일 때 먼저 …
더 읽기
Firebase CORS 오류 해결: Storage 이미지 업로드가 막힐 때 확인할 설정
이 글은 Firebase 실무 오류 해결 모음: Storage, Firestore, Auth 체크리스트의 세부 항목입니다. 전체 설정 흐름과 관련 오류 해결 순서는 대표 허브 글에서 함께 확인할 수 있습니다. 브라우저 콘솔에 CORS 정책 오류가 보이면 Fireba…
더 읽기
Firebase Storage 이미지 오류 해결: 403·404·token·Rules 확인법
Firebase Storage 이미지 오류를 403·404·token·Rules로 나눠 확인하기 Firebase Storage 이미지가 깨질 때는 403인지, 404인지, 다운로드 URL token 문제인지, Storage Rules 문제인지 먼저 나눠야 합니다. 이 …
더 읽기
TanStack Query 화면 갱신 문제 해결: 데이터 변경 후 UI가 바뀌지 않을 때
TanStack Query 데이터가 바뀌었는데 화면이 갱신되지 않는 이유에서 먼저 확인할 것 TanStack Query 데이터가 바뀌었는데 화면이 갱신되지 않는 이유는 증상만 보고 바로 고치기보다 실행 환경, 설정, 데이터 형태를 나눠 확인해야 합니다. 서버 데이터는 …
더 읽기
Firebase Firestore 인덱스 삭제 질문 해결: 배포 중 안전하게 판단하기
주요 포인트 한눈에 보기 Firebase 배포 중 출력되는 Would you like to delete these indexes? 메시지는 Firestore 인덱스 설정 파일과 실제 서버 상태가 서로 달라졌을 …
더 읽기
Zustand 실무 사용 기준: store가 복잡해질 때 피할 실수
이 글에서 정리하는 내용 Zustand는 문법이 짧아서 프로젝트에 빠르게 붙일 수 있지만, 실무에서는 어떤 상태를 전역 store에 넣을지 먼저 정하지 않으면 구조가 쉽게 흐려집니다. 이 글은 Zustand를 사용할 때 상태 범위, 서버 상태 분리, selector, …
더 읽기