createaction
[ React ] 리액트 Saga + Toolkit ( 미들웨어 사가, 리덕스 툴킷 )
지금껏 다룬 포스팅의 project 에 Middleware Saga 와 Redux Toolkit 을 적용시켜보자. 먼저 해당 포스팅에서 사용할 기능들을 설치하자. // Redux 와 React-Redux 설치 yarn add redux react-redux // Redux Toolkit 설치 yarn add @reduxjs/toolkit // 비동기 통신을 위한 axios 설치 yarn add axios // 미들웨어 Saga 설치 yarn add redux-saga // Json Server 설치 yarn global add json-server Directory 구조는 다음과 같다. src ┕ api ┕ posts.js ┕ component ┕ BoardList.js ┕ BoardNew.js ┕ co..
[ React ] 리액트 리덕스 툴킷 redux-toolkit
Redux-Toolkit ? redux-toolkit 은 redux 를 보다 편리하게 사용하기 위해 제공되어 지는 redux 개발 도구이다. 이는 redux-thunk 를 기반으로 사용하지만, 그렇다고 해서 redux-saga 등 다른 미들웨어를 사용하지 못하는 건 아니다. Redux-Toolkit 기능 중 자주 사용되는 몇 가지만 살펴보자. 이전 포스팅의 코드를 기준으로 들어 설명하긴 했으나 현 포스팅만 봐도 무방하다. Redux-Toolkit 설치 ( 해당 project 경로에서 해야 함 ) // NPM npm install @reduxjs/toolkit // Yarn yarn add @reduxjs/toolkit configureStore import { createStore } from..