ZUSTAND STORE
작은 전역 스토어를 훅처럼 만들어 필요한 조각만 구독한다
useState와 useContext가 복잡해지는 구간에서 Zustand는 타입이 있는
상태, 액션, selector 구독을 작은 store 훅 안에 묶습니다.
State Typecount, user, actions처럼 스토어가 보유할 데이터와 함수 타입을
먼저 정의합니다.
createcreate<T>에 set과 get을 사용해 초기 상태와 액션을
만듭니다.
Selector컴포넌트는 필요한 상태 조각만 선택해 불필요한 렌더링을
줄입니다.
Middlewarepersist, devtools 같은 미들웨어로 저장과 디버깅을
확장합니다.
export const useCounterStore = create<CounterState>((set) =>
({ count: 0 }));