# redux saga

140개의 포스트

Redux-saga take, take시리즈, throttle

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

2023년 1월 12일
·
0개의 댓글
·
post-thumbnail

redux-thunk 와 redux-saga

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

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

Redux-saga VS React-query

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

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

리덕스 사가(Redux Saga)란?

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

2022년 12월 14일
·
0개의 댓글
·
post-thumbnail

Redux-saga와 Redux-thunk

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

2022년 11월 23일
·
0개의 댓글
·

React localhost가 다른 프론트서버와 백엔드 서버의 연결 중 생긴 오류 해결

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

2022년 11월 7일
·
0개의 댓글
·
post-thumbnail

로그인, 로그아웃

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

2022년 11월 3일
·
0개의 댓글
·

[React] Reducx-Thunk , Redux-Saga

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

2022년 10월 4일
·
0개의 댓글
·
post-thumbnail

전역상태에서 시작하는 Redux, redux-toolkit, redux-saga

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

2022년 10월 1일
·
0개의 댓글
·

Redux-saga in Next.js

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

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

Redux-Toolkit 과 redux-saga

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

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

Redux-saga 문법

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

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

React.js - redux middleware(리덕스 미들웨어, redux-thunk, redux-saga)

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

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

[Redux-Saga] 자주 사용되는 Effects

Redux-Saga - Effects

2022년 8월 30일
·
0개의 댓글
·
post-thumbnail

[Redux-Saga] Generator

Generator 함수

2022년 8월 30일
·
0개의 댓글
·

Redux-saga

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

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

[FE] Redux-saga vs RTK Middleware

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

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

🐲 Next.js + TypeScript + Redux-Toolkit + Redux-Saga적용

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

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

[FE] Redux-Thunk vs Redux-Saga

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

2022년 7월 4일
·
0개의 댓글
·
post-thumbnail

😀 Next.js + TypeScript + Redux + Redux-Saga 적용

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

2022년 7월 2일
·
0개의 댓글
·