본문 바로가기

redux2

[React]25 Redux middleware( 리덕스 미들웨어 개념 ) Redux-middleware 리덕스를 사용하는 이유 중에 하나는 미들웨어이다. 리덕스 미들웨어를 사용하면 액션을 디스패치하고 그 액션이 리듀서에 가기 전에 추가적인 작업을 더 해줄 수 있다. 그래서 보통 비동기 방식으로 사용할 때 미들웨어를 많이 사용한다고 한다. (서버에서 액션을 받아오면 리듀서에 가기 전에 비동기로 데이터를 받아서 보내줘야 하기 때문). 리덕스 미들웨어는 개인이 필요한 용도로 만들어서 쓸 수도 있지만 보통은 만들어진 미들웨어를 받아와서 사용한다. redux-thunk redux-saga redux-observable redux-promise-middleware 등이 있다. 이번 포스팅에서는 리덕스 미들웨어가 어떤 건지 파악만 하기 때문에 직접 미들웨어를 만들어보고 대강의 구조를 파악.. 2023. 1. 31.
[React] 24 상태관리 3 (react-redux) 오늘은 react에서 상태를 관리해 주는 기술로 react-redux를 배웠다. Redux Redux 시작하기 | Redux 소개 > 시작하기: Redux를 배우고 사용하기 위한 자료 ko.redux.js.org Redux(리덕스)는 JavaScript(자바스트립트) 상태관리 라이브러리이다. (react에서뿐만 아니라 바닐라 자바스크립트에서도 사용가능) redux의 규칙 3가지 1. 하나의 애플리케이션 안에는 하나의 스토어가 있다. 2. 상태는 읽기 전용이다. 3. 리듀서는 순수한 함수여야 한다. redux사용방법 //스토어 생성하기 const sotre = Redux.createStore(리듀서함수) 액션 객체를 dispatch로 보내주면 dispatch는 스토어에 있는 reducer함수를 불러서 함수.. 2023. 1. 27.