Googling/React + Next + Eco
Zustand에서 `useStore` 값 꺼내 쓰는 다양한 패턴과 shallow 비교
Zustand를 쓰다 보면 상태 값과 setter(액션)를 어떻게 꺼내 쓰는 게 가장 효율적인지 고민이 생깁니다.이번 글에서는 제가 정리한 값/세터 패턴, shallow 비교의 의미, 그리고 커스텀 훅으로 깔끔하게 묶는 방법을 공유합니다.1. 값 꺼내기: 3가지 방식const { viewMode } = useUIStore();const viewMode2 = useUIStore((s) => s.viewMode);const { viewMode: viewMode3 } = useUIStore.getState();(1) `const { viewMode } = useUIStore();`스토어 전체 구독 → 어떤 값이든 바뀌면 리렌더단순하지만 불필요한 리렌더 위험(2) `const viewMode2 = useUISt..
