목차1. Zustand란?2. Zustand 사용법 2-1. Zustand 설치 2-2. 스토어 생성 2-3. 컴포넌트에서 스토어 사용3. Zustand의 특징 3-1. set()을 활용한 상태 업데이트 3-2. get()을 활용한 상태 가져오기 3-3. subscribe()를 활용한 상태 감지 3-4. persist()를 활용한 상태 저장 (local storage) 3-5. useShallow()로 불필요한 렌더링 방지 3-6. zustand + immer로 불변성 유지 1. ZustandReact의 상태를 관리하는 라이브러리로, Redux보다 간결하고 사용하기 쉬우며 성능이 뛰어나다. Flux 패턴의 상태 관리를 한다.저장소(store), 액션함수(a..

useEffectuseEffect는 리액트 컴포넌트가 렌더링될 때 특정 동작을 실행할 수 있도록 도와주는 Hook이다.= 컴포넌트 등장!할 때랑 특정 값이 업데이트! 될 때 실행되는 코드 블록 useEffect(() => { // ...}, [의존성 배열]); useEffect는 두 개의 인자를 가진다.1. 실행할 콜백 함수2. 의존성 배열(선택) 의존성 배열의 존재여부와 값에 따라 함수의 실행 시점이 달라진다.형태실행 타이밍설명useEffect(()=> {...})렌더링마다 실행마운트 시 & 업데이트마다 실행useEffect(()=>{...}, [])마운트 시 실행컴포넌트가 처음 화면에 나타날 때만 실행useEffect(() => {...}, [value])value가 변경될 때마다 실행특정 값이 변경..