# redux-middleware

13개의 포스트

리덕스 미들웨어

Redux 미들웨어는 액션을 dispatch 전달하고 리듀서에 도달하는 순간 사이에 사전에 지정된 작업을 실행할 수 있게 해주는 중간자이다.로깅, 충돌 보고, 비동기 API와 통신, 라우팅 등을 위해 Redux 미들웨어를 사용한 다.

2023년 3월 7일
·
0개의 댓글
·
post-thumbnail

redux-thunk 와 redux-saga

redux-thunk와 redux-saga를 비교 분석한 글

2023년 1월 9일
·
0개의 댓글
·

React - Redux

약 1년 전 부터 사내에서 redux로 상태 관리를 하여 개발하였는데 학습 기간이 짧아 정확하게 이해하지 못하고 구현하느라 개념잡기가 어려웠습니다. 따라서 이번 포스팅으로 공부해보고자 글을 작성합니다. ( 글을 읽기 전 redux 기본 용어에 대해 읽어보시면 이해하는데

2023년 1월 3일
·
0개의 댓글
·

[React js] redux-middleware02

패스트캠퍼스 리덕스 강좌수강비동기 작업을 처리할 때 많이 사용하는 미들웨어다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해준다. Fake API우선 loading,data,error 형태의 객체를 리턴하는 함수를 한곳에 만들어두고 해당 형식으로 리팩토링을 하

2022년 9월 25일
·
0개의 댓글
·
post-thumbnail

[FE] Data Fetching Libraries

: 이 글 이전에 2개의 포스팅을 하면서 Redux MiddleWare에 대해서 열심히(?) 알아봐놓고 갑자기 middleware 없이?에 대한 주제로 글을 써본다. 여담이지만 Frontend 개발 시장의 변화 속도는 너무 빨라서 비유적으로 표현해보면 나는 이전 프로젝

2022년 7월 5일
·
1개의 댓글
·

[TIL] 2022/03/29

사실상 리덕스를 일반 코드로 표현해보면 위와 같을 것이다. send는 우리가 흔히 아는 dispatch일 것이고, 그 안에 액션을 넣어주면, 그에 따른 액션을 dispatch한다. 그에 따라 store안에 전역 state가 변하게 된다. 이 때, state를 변화시키는

2022년 3월 29일
·
0개의 댓글
·
post-thumbnail

[KDT]FCFE - 10주1일 Redux Review

npm i react-redux 설치npm i @reduxjs/toolkit 설치name-slice.js createSlice() 생성initialState 생성const uiAcitons = uiSlice.actions; 생성src/store/index.jsconst

2022년 1월 24일
·
0개의 댓글
·
post-thumbnail

Redux Thunk

Redux Thunk를 알아보자

2021년 12월 11일
·
0개의 댓글
·
post-thumbnail

Redux-saga 01 | 유용한 경우 / 제너레이터(generator) 함수

Redux-thunk와 비교 시 좀 더 까다로운 상황에서 유용 기존 요청 취소 처리 ((불필요한) 중복 요청 방지)특정 액션 발생 시 → 다른 액션 발생 리덕스와 관계 없는 코드(API 요청 등) 실행 시 웹 소켓 사용 시API 요청 실패 시, 재요청redux-

2021년 10월 25일
·
0개의 댓글
·
post-thumbnail

Redux-middleware 01 | 개요 (필요한 경우 / 작업 환경 준비)

리액트 웹 애플리케이션에서 API 연동 시→ API 요청에 대한 상태 관리 잘해야예시요청 시작 → 로딩 중 명시요청 성공 or 실패 → 로딩 끝났음 명시성공 응답에 대한 상태 관리실패 에러에 대한 상태 관리 리액트 프로젝트 + 리덕스 + 비동기 작업 (위와 같은)

2021년 9월 23일
·
0개의 댓글
·
post-thumbnail

[TIL #10] React - Redux Middleware 란? (Feat. redux-thunk)

사진 출처 Redux Middleware 란? Redux Middleware 란 Redux가 가진 핵심 기술중 하나이며 Middleware를 사용하면 Action이 Dispatch 된 다음 Reducer에서 해당 Action을 받아와서 업데이트 하기 전에 다른 추가적인

2021년 7월 15일
·
0개의 댓글
·

React redux

redux에 대해 알아보고 간단한 테스트를 해봤습니다. 개인적인 기록 용도입니다.간단히 설명하자면 상태 관리 라이브러리로 액션(Action), 미들웨어(middleware), 리듀서(Reducer), 스토어(Store)가 있다.미들웨어에선 리듀서가 액션을 처리하기 전

2021년 6월 13일
·
0개의 댓글
·
post-thumbnail

Redux-Thunk (middleware)

React는 UI를 작성하기 위한 자바스크립트 라이브러리입니다. React는 Redux와 자주 사용되곤 합니다. Redux는 전역 상태를 관리하기 위한 라이브러리입니다. 이 두 개의 라이브러리를 사용하여도 비동기적으로 API(Back-end)를 호출하는 것 또는 다른

2020년 7월 4일
·
0개의 댓글
·