코딩 헬스장

1. Redux - devtools ? * 설치 링크 Redux DevTools Redux DevTools for debugging application's state changes. chrome.google.com 크롬 확장 프로그램 중 하나로 리덕스의 상태 변경 디버깅을 위한 툴입니다. 상태 관리를 Redux로 하셨던 분들은 Redex-devtools 가 익숙하실 겁니다. 그렇다면 zustand에서 해당 툴을 포스팅하는 이유는 바로 zustand는 미들웨어를 통해 Redux-devtools를 사용할 수 있기 때문입니다! 2. 사용법 먼저 위 설치 링크에서 Redux DevTools 확장 프로그램을 설치합니다. store로 사용하는 파일에 'zustand/middleware'에서 devtools를 임포..

1. zustand ? 간단한 Flux 구조를 사용하는 확장 가능한 상태 관리 라이브러리 입니다. Hook 기반으로 편리한 API들을 제공합니다. * Flux 구조란 ? - 어느 방향으로 데이터가 전달될지 알지 못하는(양방향 데이터흐름) MVC 패턴의 복잡성을 해소하기 위해, Flux 패턴을 통해 데이터가 단 방향으로만 변경될 수 있도록 만든 구조입니다. 기존 React의 MVC 패턴의 단점 상태값을 하위 컴포넌트로 전달해주기 위해 불필요한 컴포넌트에 상태값을 선언해야됩니다. MVC 패턴 단점 해결방안 상태값을 store에서 관리하여 필요한 컴포넌트에서만 가져와 사용할 수 있도록 해결합니다. (Flux) 2. 다른 상태관리 라이브러리와 비교 Redux와 비교 1. Redux를 통해 메뉴 개발한 경험을 바..