서론Next.js 13 이후로 서버 컴포넌트가 도입되면서 기존의 전역 상태 관리 패턴이 그대로 통하지 않게 됐습니다.클라이언트 전용 상태 관리 라이브러리(Zustand, Jotai 등)를 서버 컴포넌트와 어떻게 조합해야 할까라는 생각에 찾아봤습니다.프로젝트를 진행하던 중 이런 상황이 마침 발생해서 직접 적용해봤습니다.우선 페이지를 이동할 때마다 큰 변화가 없는 데이터에 대한 API 호출은 비효율적이라고 생각했고 한번 불러서 저장해서 사용해보도록 했습니다.그 중 가장 간단하고 쉽게 할 수 있는 Zustand를 활용하게 됐습니다.서버 컴포넌트 vs 클라이언트 컴포넌트의 역할구분서버 컴포넌트클라이언트 컴포넌트실행 위치서버브라우저데이터 요청가능 (fetch 직접 사용)불가능 (보통 React Query 사용)상..