Dev Diary 💻

Intro 안녕하세요. 이번 시간에는 Zustand 설치 방법 및 예졔를 살펴보도록 하겠습니다. 그전에 앞서 zustand 가 무엇인지 궁금하신 분들은 위 포스팅 참고 부탁드립니다 :) How to install Zustand Zustand 설치방법은 아래와 같습니다. 각자 사용하는 패키지 관리 툴(npm / yarn)에 맞춰 설치해주시면 됩니다. 1. npm npm install zustand 2. yarn yarn add zustand Zustand Simple Example 간단한 예제로 카운터를 만들어 보겠습니다. zustand를 import하고, 상태 컨테이너를 생성해줍니다. 컨테이너 안에는 count, increment(), decrement()이 들어있습니다. import create fro..

Intro 안녕하세요. 이번 시간에는 React Zustand 라이브러리에 대해 알아보도록 하겠습니다. Zustand 리액트를 공부하신 분이라면, 상태 (State)라는 개념에 대해 들어보셨을 겁니다. 간단히 말하자면 React Zustand는 리액트에서 사용가능한 상태 관리 라이브러리입니다. 리액트 상태 관리 라이브러리는 Redux, MobX 등이 존재하지만 Zustand는 위 라이브러에 비해 더 가볍고 간단하게 활용할 수 있습니다. Zustand Features Zustand는 State를 전역으로 관리하며 컴포넌트 간에 공유되는 State Container를 제공합니다. 이 Container 는 리액트 컴포넌트에서 직접 사용할 수 있으며 useStore()을 통해 상태를 가져오고 (get), 업데이..