sohyeon kim

💡 미들웨어에 대해 알아보자. 미들웨어가 없을 때 ➡️ 액션 - 리듀서 - 스토어 리덕스에서 dispatch 를 하면 action 이 리듀서로 전달되고, 리듀서는 새로운 state 를 반환한다. 여기서 미들웨어를 사용하면 이 과정 사이에 우리가 하고 싶은 작업들을 넣을 수 있다. 만약 카운터 프로그램에서 버튼을 클릭했을 바로 1 을 더하지 않고, 3초를 기다렸다가 1이 더해지게 구현하려면 미들웨어를 빼놓을 수 없다. dispatch 가 되자마자 바로 action 이 리듀서로 달려가 새로운 state 를 반환하기 때문 즉, 여기서 "3초를 기다리는 작업" 을 미들웨어가 해주는 것이다. 보통 리덕스 미들웨어는 서버와의 통신을 위해 사용한다! 그 중 많이 사용되는 것이 Redux-thunk, saga 💡 Th..

💡 toolkit 을 이용해서 store 를 다른 방식으로 만들어보자! 먼저 npm install @reduxjs/toolkit ~ ✳️ 카운터 기능configStore.js// import { combineReducers, createStore } from "redux";import counter from "../modules/counter";import { configureStore } from "@reduxjs/toolkit";// const rootReducer = combineReducers({ counter });// const store = createStore(rootReducer);const store = configureStore({ reducer: { counter: configur..