리덕스 미들웨어2 [React/Redux] redux-logger 지난번에 소개한 미들웨어 중 로그와 관련한 동작을 하는 redux-logger 미들웨어입니다. 0. 실습 준비 이 코드는 리덕스 미들웨어를 공부하기 위해 만든 코드입니다. 버튼에 따라서 글자와 색상이 변경되는 리액트-리덕스 앱입니다. 미들웨어 포스트에서 이 코드를 가지고 실습을 진행하도록 하겠습니다. 이 프로젝트의 루트 리듀서 코드입니다. // modules/index.js import {combineReducers} from 'redux'; import colorChangerMW from './colorChangerMW'; const rootReducer = combineReducers({colorChangerMW}); export default rootReducer; 다음은 리덕스 모듈(액션 객체, .. 2022. 1. 19. [React/Redux] 리덕스 미들웨어 리덕스 미들웨어 리덕스 미들웨어는 액션과 리듀서 사이에서 동작합니다. 리덕스가 적용된 앱에서, 액션이 발생하면 리듀서가 변화를 발생시킵니다. 이때 미들웨어를 추가하면, 액션이 발생하고 리듀서가 변화를 일으키기 전에 미들웨어가 동작을 하게 됩니다. 따라서 리덕스 미들웨어는 액션과 리듀서 사이에서 동작하는 것이라고 볼 수 있습니다.그렇다면 무엇을 위해 미들웨어를 중간에 끼워넣어서 사용해야 할까요? 언급한대로라면 리덕스는 순서대로 동작합니다. 액션이 발생해야만 리듀서가 동작을 처리하고 그에 따른 상태를 반환하게 됩니다. 이러한 정해진 순서대로 동작하는 것만으로는 해결할 수 없는 일들이 존재합니다. 대표적으로 setTimeout의 역할 같은 시간 지연이나 API를 받아오는 비동기 작업들을 처리하기 위해서 리덕스.. 2022. 1. 18. 이전 1 다음 300x250
