Zustand

학습 목표: 공유할 클라이언트 상태를 고르고 store·action·selector·persist를 적용합니다. 선수 지식: React props·state와 불변 업데이트를 먼저 익힙니다. 초급·중급·고급의 목표를 확인하고 현재 공개된 글부터 학습하세요. 빈 단계는 계획을 유지하며 내용을 차례로 보강합니다.

단계별 학습 목표

각 단계의 학습 목표입니다. 공개된 글은 위의 단계별 링크에서 바로 볼 수 있습니다.

초급 목표

스토어와 선택자의 기본 역할을 익혀, 여러 컴포넌트가 공유하는 작은 상태를 만들고 변경 흐름을 추적하는 방법을 다룹니다.

학습 주제

  • 스토어와 액션
  • 선택자와 상태 구독
  • 로컬 상태와 공유 상태

중급 목표

화면 간 상태와 저장된 상태를 함께 다루며, 불필요한 갱신과 초기화 오류를 찾아 상태 흐름을 정리하는 방법을 다룹니다.

학습 주제

  • 선택자와 갱신 범위
  • 상태 저장과 초기화
  • 스토어 분리와 테스트

고급 목표

도메인 경계와 실행 환경의 차이를 고려하여, 상태의 수명과 동기화 및 변경 책임이 명확한 구조를 설계하는 방법을 다룹니다.

학습 주제

  • 도메인별 상태 경계
  • 상태 버전과 마이그레이션
  • 서버 환경과 격리

Zustand 학습 목록

읽음 — / 전체 15개 · 필수 14개

학습 시작

단계 안에서는 학습 순서대로 표시합니다. 선택 참고는 필수 진도에 포함하지 않습니다.

초급 4개

  1. 안내 · 필수 길잡이

    Zustand 학습 로드맵: store·action·selector·persist 순서

  2. 학습 1 / 11 · 필수 학습

    Zustand란? React 상태 관리 선택 기준과 기본 Store

  3. 학습 2 / 11 · 필수 학습

    Zustand 설치 사용법: 기본 Store 만들고 상태 연결하기

  4. 학습 3 / 11 · 필수 학습

    Zustand state 사용법: 값 읽기와 변경 흐름 익히기

중급 7개

  1. 안내 · 필수 길잡이

    React state vs Zustand: 전역 상태가 필요한 기준

  2. 학습 4 / 11 · 필수 학습

    Zustand action 사용법: 상태 변경 로직을 store로 분리하기

  3. 학습 5 / 11 · 필수 학습

    Zustand selector 사용법: 필요한 상태만 가져와 리렌더링 줄이기

  4. 학습 6 / 11 · 필수 학습

    Zustand persist 사용법: 새로고침 후 상태 저장하기

  5. 학습 7 / 11 · 필수 학습

    Zustand combine·immer 실습: 타입 추론과 중첩 상태 불변성

  6. 학습 8 / 11 · 필수 학습

    Zustand subscribeWithSelector·devtools: 선택 구독과 해제 실습

  7. 학습 9 / 11 · 필수 학습

    Zustand Todo 완성 실습: actions·선택 훅·persist 연결

고급 2개

  1. 학습 10 / 11 · 필수 학습

    Zustand 리렌더링 원리와 selector 최적화 방법

  2. 학습 11 / 11 · 필수 학습

    Zustand persist 마이그레이션 기준: 저장된 상태 구조가 바뀔 때

개념·참고 2개

  1. 참고 1 / 2 · 선택 참고

    Zustand 상태 변경 후 리렌더링이 안 될 때 해결 방법

  2. 참고 2 / 2 · 필수 선수

    Zustand 실무 사용 기준: store가 복잡해질 때 피할 실수
읽음 기록 설정

읽음 기록은 이 브라우저에만 저장됩니다.

전체 기술 학습 가이드