Large Rainbow Pointer
728x90
[Next.js] Zustand persist 사용하기 (feat. Hydration 에러 해결)
💜 리액트/Next.js2024. 7. 1. 10:27[Next.js] Zustand persist 사용하기 (feat. Hydration 에러 해결)

시작하며...현재 프로젝트의 상태 관리 라이브러리로 Zustand 를 사용하기로 했다.사용하기 간편한 상태 관리 라이브러리 중에서 꾸준히 업데이트되면서 다운로드 수가 많은 Zustand 를 선택하게 되었다.  내용이 좀 빈약하지만 블로그에 간단하게 Zustand 를 사용하는 방법에 대해 글을 작성했었다.https://jjang-j.tistory.com/57 [React] Zustand 상태 관리 라이브러리 사용 방법시작하며...React 에서 다른 컴포넌트로 데이터를 전달하기 위해 props 를 사용한다.그러나 React 의 상태인 state 는 자식 컴포넌트한테만 전달할 수 있어 만약 컴포넌트가 많고 잘 분리되어 있을 경jjang-j.tistory.com persist 사용하게 된 이유아래 코드와 같이..

[React] Zustand 상태 관리 라이브러리 사용 방법
💜 리액트/라이브러리2024. 3. 3. 18:06[React] Zustand 상태 관리 라이브러리 사용 방법

시작하며...React 에서 다른 컴포넌트로 데이터를 전달하기 위해 props 를 사용한다.그러나 React 의 상태인 state 는 자식 컴포넌트한테만 전달할 수 있어 만약 컴포넌트가 많고 잘 분리되어 있을 경우state 를 전달하는데 매우 복잡하고 해당 state 를 사용하지 않는 컴포넌트로 받게 되어 비효율적인 코드가 되어 버린다. 그래서 이러한 경우를 해결하기 위해 상태 관리 라이브러리를 사용하며 그 종류로는 Redux, Recoil, Mobx, Zustand 등이 있다.나는 그 중에서 Zustand 에 대해 알아 볼 것이다. ZustandZustand 란 무엇일까? 독일어로 상태 라는 뜻을 가지고 있다.Zustand 는 패키지 크기가 작으며 사용하기 쉽다는 장점을 가지고 있다. 직접 사용하면서 ..

728x90
image
loading