비동기 작업은 redux로 할 수 없음

ex)api 요청

middleware는 중간에서 가로채는 느낌!

<리덕스 미들웨어의 종류>

1. redux-saga
2. redux-thunk(작은 프로젝트에 적합)

✏️지난번에 했던 HNM PROJECT를 리덕스를 사용하여 변경해보자!

npm install redux react-redux

npm install redux-thunk

🔸Provider 세팅(index.js)

• BrowserRouter는 라우터 셋팅해주는거라 지우면 안됨❌✨

import React from "react";
import ReactDOM from "react-dom/client";
import "./index.css";
import App from "./App";
import { BrowserRouter } from "react-router-dom";
import { Provider } from "react-redux";

const root = ReactDOM.createRoot(document.getElementById("root"));
root.render(
  <Provider store={store}>
    <BrowserRouter>
      <App />
    </BrowserRouter>
  </Provider>
);