🐻Zustand 기술 문서
Zustand로 클라이언트 상태를 간결하게 관리하는 패턴과 실무 전략을 정리한 가이드 모음입니다. 왼쪽 사이드바에서 원하는 문서를 선택해주세요.
guide
01. 🧠 Zustand 멘탈 모델
Redux와 Context API의 한계를 극복하는 Zustand의 핵심 동작 원리와 멘탈 모델
guide
02. 🧱 핵심 개념과 기본 스토어 설계
Zustand의 create, set, get 패러다임과 불변성 멘탈 모델
guide
03. 🍕 슬라이스 패턴 (Slice Pattern)
거대해진 Zustand 스토어를 기능별로 분리하고 조립하는 마이크로 아키텍처
advanced
04. ☁️ Zustand + React Query 상생
클라이언트 상태와 서버 상태를 명확히 분리하고, Zustand와 React Query를 함께 사용하는 실무 아키텍처
guide
04. 🛡️ Zustand와 TypeScript
Zustand 사용 시 발생하는 타입 추론 에러 해결 및 StateCreator를 이용한 슬라이스 타이핑 완벽 가이드
advanced
05. 🔐 외부 인증 서버 연동과 토큰 관리
Zustand와 영속성(Persist) 미들웨어를 활용한 클라이언트 인증 상태 및 JWT 보안 전략
guide
05. 🎣 실무 100% 활용법: 커스텀 훅
Zustand 스토어를 리액트 컴포넌트와 결합할 때 지켜야 할 커스텀 훅 추상화 패턴과 치명적인 동기화 안티패턴
advanced
06. ⚡ 선택적 구독과 렌더링 최적화
Zustand의 셀렉터(Selector)와 깊은 비교(Shallow)를 활용한 극강의 렌더링 최적화 기법
advanced
07. 💧 Next.js SSR과 상태 공유 누수 방어
Next.js 서버 환경에서 글로벌 스토어 사용 시 발생하는 상태 누수(State Leaking)의 원리와, Context 기반의 Store per Request 아키텍처 구축법