let's get IT with DAVINA 💻

Redux - React와 무관한 상태관리자 React Redux - React & Redux 통합 Redux Toolkit - Redux를 보다 수월하게 이용하게 해주는 도구 Redux Toolkit 너는 왜 태어났니? 설정할게 너무 많습니다. 미들웨어 설치가 복잡합니다. 반복되는 코드가 너무 많습니다. 순수 자바스크립트로 불변성 유지가 너무 어렵습니다. Redux Toolkit 사용법 npm install @reduxjs/toolkit npm install react-redux 작은 store이 모이면? → slice slice들이 모이면? → 큰 store configureStore() createStore를 감싸서 쓸만한 기본값들과 단순화된 설정을 제공합니다. 내가 만든 리듀서 조각들을 자동으로 ..

Redux란? 상태 관련 라이브러리 전역 상태를 관리할 수 있는 Store을 제공함으로써 하기와 같은 문제 해결 컴포넌트와 상태를 분리하는 패턴 Redux의 기본 구조 상태가 변경되어야 하는 이벤트가 발생하면, 변경될 상태에 대한 정보가 담긴 Action 객체가 생성됩니다. 이 Action객체는 Dispatch 함수의 인자로 전달됩니다. Dispatch 함수는 Action 객체를 Reducer 함수로 전달해줍니다. Reducer함수는 Action 객체의 값을 확인하고, 그 값에 따라 전역 상태 저장소 Store의 상태를 변경합니다. 상태가 변경되면, React는 화면을 다시 렌더링 합니다. 즉, Redux에선 Action→Dispatch→Reducer→Store 순서로 데이터가 단방향으로 흐르게 됩니다...