# redux saga

cys0926

위 코드는 watchLogIN이 EventListener처럼 동작한다.하지만, yield take이므로 일회용이라는 치명적인 단점이 있다.이를 위해 위 코드를 아래 코드처럼 변경할 수 있다.위처럼 while(true)를 사용하면 일회성의 단점을 극복할 수 있다.하지만

badahertz52

redux-thunk와 redux-saga는 redux-middleware로 비동기 작업을 진행할 때 많이 사용된다. 그렇다면 비동기 작업에 사용되는 이 두 미들웨어의 각각의 특징과 이점은 무엇이며 어느 경우에 어떤 미들웨어를 사용하는게 좋을까? 리덕스는 기본적으로

-hsw9724

Reduxredux는 상태관리 라이브러리다. 비동기처리목적이 아니기 때문에 redux-saga ,redux-thunk 등 미들웨어를 사용해야한다.비동기 처리시 상태관리(isLoading, error, success)상황을 관리해야한다.React-query상태관리를 기본

4775614

리덕스 썽크(Redux Thunk) 다음으로 가장 많이 사용되고 있는 리덕스 사가(Redux Saga)는 리액트/리덕스 애플리케이션에서 비동기적으로 API를 호출하여 데이터를 가져오는 일과 같은 부수 효과(Side Effect)를 쉽게 처리하기 위해 사용하는 라이브러리

whansu

비동기 작업을 처리할 때 가장많이 사용하는 미들웨어입니다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해줍니다.이것도 thunk와 마찬가지로 비동기 작업 관련 미들웨어 입니다.특정 액션이 디스패치되었을 때 정해진 로직에 따라 다른 액션을 디스패치시키는 규칙을

131ryuji

프론트 서버(localhost:3060)과 백엔드 서버(localhost:3065)를 연결하는 과정에서 오류 생김가장 많이 본 오류 : cannot read properties of undefined (reading 'data') 프론트는 redux, redux-sag

131ryuji

오류의 원인 : loginRequest -> loginSuccess로 넘어가는 과정에서 로그인 화면 -> 로그인 완료 창이 나오게 했어야 함 문제점 : 로그인 완료 창이 loginSuccess에서 나와야 하는데 loginRequest에서 나옴 [userSlice.j

codns1223

redux-thunk와 redux-saga는 둘 다 미들웨어 라이브러리이다.redux의 Flux 패턴에서 맨 처음 액션을 dispatch 하게 되면, 리듀서에서 그 해당 액션에 대한 정보를 바탕으로 스토어의 상태값을 바꾸게 되는데, 이때 미들웨어를 사용하면 액션이 스토

0min95

전역 상태 (global state) = 전역(gloabl) + 상태(state)전역은 해당 애플리케이션 어디에서든 참조가 가능한 고립되어 있지 않은 범위상태는 변경이 가능한 데이터, 렌더링을 다르게 하려고 할 때도 상태를 사용즉 전역상태(global state)란 해

chaeheetae

redux-saga는 미들웨어이다.리덕스가 어떤 동작을 할 때 중간에서 api를 호출하거나, fetch를 하는 등의 동작을 컴포넌트가 아닌 redux-saga를 통해 하게 되면 매우 깨끗하고 통일감이 있는 코드를 작성할 수 있다.takeEvery는 대기 중에 있다가 해

auddnjs2008

이펙트 이펙트는 이벤트를 처리할 내용을 담고 있다. Redux-Saga에서는 이러한 이펙트 들을 yield를 이용하여 호출하고 수행된 내용을 다시 돌려 받아 그 다음 액션들을 수행한다. > 이펙트 함수 종류 call: 함수를 동기적으로 실행 all: 매개변수 배열 안

auddnjs2008

대부분의 비동기 미들웨어로 redux-thunk로도 충분히 기능을 구현을 할 수 있습니다. redux-saga는 좀 더 까다로운 상황에서 유용합니다. 기존 요청을 취소 처리해야 할 때(불필요한 중복 요청방지)특정 액션이 발생했을 때 다른 액션을 발생시키거나, API

gyumin_2

소프트웨어 공학에서 미들웨어란 운영체제와 응용 소프트웨어 중간에서 조정과 중개의 역할을 수행하는 소프트웨어를 말한다.리덕스 미들웨어는 액션을 디스패치 했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업을 실행한다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼

eomdh

Redux-Saga - Effects

eomdh

Generator 함수

vmelove

제너레이터의 개념을 가져와서 사용하게 되는 Redux-Saga아래와 같은 함수들을 Redux-Saga에서는 Saga라고 부른다.Saga의 put사용으로 dispatch 보내는 방법delay. 설정된 시간 이후에 resolve를 하는 Promise 객체를 리턴한다.all

0715yk

Despite its simplicity, thunks have limitations. One of the most cited limitations is the inability to run code in response to dispatched actions or s

1-blue

Next.js + TypeScript + Redux-Toolkit + Redux-Saga 적용 방법에 대한 포스트

0715yk

: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를

1-blue

Next.js + Redux + Redux-Saga + TypeScript를 사용한 프로젝트에 대한 포스트