leebaek

■ 지금까지의 모달 관리 방법■ zustand 전역 모달 관리 방법 안녕하세요.이전 포스팅까지 zustand에 대해 알아보는 시간을 가졌습니다. 이번에는 zustand를 이용한 전역 모달을 관리하는 방법에 대해 포스팅 해볼겁니다 ! ■ 지금까지의 모달 관리 방법 - 로컬 on, off 방식이전까지는 모달을 사용하는 각 컴포넌트 안에서- 모달 컴포넌트를 import - useState로 모달 상태를 관리- 조건부를 사용한 모달창 띄우기로 단순하고 직관적인 방법을 사용해왔습니다.import { useState } from 'react';import LoginModal from './LoginModal';function Header() { const [isOpen, setIsOpen] = useState(f..

■ subscribe■ destory■ persist■ combine 안녕하세요. 이번 포스팅에선 zustand를 사용할 때,create / set / get 외에 알아두면 좋은 함수와 기능들을 정리해보려고 합니다. 지난 포스팅에선 create, set, get을 다뤘습니다! https://leebaek.tistory.com/157 [React] Zustand에 대해 알아보자 2편 - React 상태 관리 라이브러리■ zustand 필수 함수■ create■ set■ get■ 생각해보기 안녕하세요. 이번 포스팅에선 zustand에 필수로 사용되는 함수에 대해 알아보려고 해요.zustand가 무엇인지는 1편에 정리해두었으니 아래 포스팅leebaek.tistory.com ■ subsribe: store(상태..

■ zustand 필수 함수■ create■ set■ get■ 생각해보기 안녕하세요. 이번 포스팅에선 zustand에 필수로 사용되는 함수에 대해 알아보려고 해요.zustand가 무엇인지는 1편에 정리해두었으니 아래 포스팅 참고해주세요! https://leebaek.tistory.com/156 [React] Zustand에 대해 알아보자 1편 - React 상태 관리 라이브러리■ zustand란■ zustand 설치■ zustand 사용방법 안녕하세요. 오늘은 React 상태 관리 라이브러리 "Zustand"에 대해 설명해볼까 합니다. ! 기본적으로 알고 있는 React 상태 관리 방법은 useState입니다.간단한leebaek.tistory.com■ zustand 필수 함수간단하게 어떤 함수가 있는지 ..

■ zustand란■ zustand 설치■ zustand 사용방법 안녕하세요. 오늘은 React 상태 관리 라이브러리 "Zustand"에 대해 설명해볼까 합니다. ! 기본적으로 알고 있는 React 상태 관리 방법은 useState입니다.간단한 컴포넌트 내부 상태라면 이걸로 충분히 해결할 수 있죠. 그런데 만약, 어떤 상태를 다른 컴포넌트에서도 사용하고 싶다면?그때는 props로 하나하나 전달하게 됩니다. 하지만, 상태를 여기저기 여러 곳에서 동시에 사용해야 한다면 이야기가 복잡해집니다.이럴 때 필요한 게 바로 전역 상태 관리입니다. 😙■ zustand란: 공식 문서를 읽어보면, Zustand는 Hook 기반의 편리한 API를 제공하는, 심플하고 유연한 상태 관리 라이브러리입니다. Zustand는..