# redux saga

150개의 포스트
post-thumbnail

Redux-thunk와 Redux-saga 이해하기

이 포스트는 인프런의 ZeroChoi님의 Nobird 프로젝트를 진행하며 Redux 미들웨어를 이해하기 위해서 강의 내용에 추가해서 정리한 내용입니다 . 🏷 Redux-saga와 Redux-thunk는 Redux 미들웨어로서, 비동기 작업을 처리할 수 있게 하고 Re

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

Generator 문법

이 문법의 핵심 기능은 함수를 작성 할 때 함수를 특정 구간에 멈춰놓을 수도 있고, 원할 떄 다시 돌아가게 할 수도 있다. 그리고 결과값을 여러번 반환 할 수도 있다. 이 경우에는 무조건 1만 반환하게 될 것이다. 하지만, 제너레이터 함수를 사용하면 함수에서 값을

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

Redux-saga

delay , call , put , all , takeEvery, takeLatest설정된 시간 이후에 resolve하는 Promise 객체를 리턴한다.\-> 1초 기다리기특정 액션을 dispatch 하도록 한다.\-> INCREMENT action을 dispatc

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

redux-saga api call delay 해서 가져오는 방법

api를 call 했는데 부르는 시간이 길 때 처리 방법 문제점 api call로 불러올 때 해당 데이터 형태의 빈값이 할당됨 원인 파악

2023년 4월 16일
·
0개의 댓글
·
post-thumbnail

[React] Redux Saga

Thunk 와의 차이Redux Thunk함수를 dispatch 할 수 있게 해주는 미들웨어Redux Saga액션을 모니터링 하고 있다가 특정 액션이 발생했을 때, 미리 정해둔 로직에 따라 특정 작업이 이루어지는 방식Thunk의 단점redux-thunk는 복잡한 비동기

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

Redux - redux saga

Redux 미들웨어(Middleware)의 일종으로, 비동기 작업을 처리하기 위한 라이브러리이다. Redux Thunk와 마찬가지로 Redux 액션 객체 내에서 비동기 작업을 처리할 수 있다.제너레이터(generator)를 이용하여 비동기 작업을 처리하기 때문에, 비동

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

Redux-Saga

리덕스 사가 사용 가이드

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

Redux-saga 소스 리펙토링

특정 데이터를 api를 call 하는 제네레이터를 사용하여 데이터를 불러오는 작업을 진행하는 데 요청사항으로 특정 url들을 base64로 인코딩을 해줘야 한다.하지만 여기서 해당 이미지들의 url들이 우리 서버에 위치하지 않기 때문에 api를 활용하여 수정하는 작업을

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

[Redux-saga, JS]_TodoList

일단 여러 에러들을 확인했고, toggle에 대한 saga와 reducer를 작성하지 않았기 때문에 발생했던 것들이 대부분이었다.체크박스를 클릭해도, db에서는 바뀌지 않는다. \-> (toggle reducer, toggle saga 가 없었음)수정할 때, compl

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

[React] Redux - 비동기 처리 (saga, thunk)

말머리 Notification(알림) 기능을 만들면서 접하게된 이슈와 해결 한 방법을 정리한다. 비동기 처리 상황은 아래와 같다. > 게시글에 댓글 달림 게시글의 작성자에게 알림 보냄 (이건 실시간이 필요 없다 생각해서 DB Table로 만듬) 알림 확인 및 알림 제

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

Redux(리덕스),Redux-saga

JavaScript 상태관리 라이브러리데이터를 한곳에 집합시켜 데이터 사용 및 관리를 편리하게 만드는 라이브러리폴더 구조를 짜게되면 수많은 컴포넌트들이 존재하는데 여기서 내가 필요한 데이터를 빠르고, 쉽게 꺼내 쓸수 있기 때문이다.쉽게 말하자면 컴포넌트 관리를 내부에서

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

Weather🌤️ 프로젝트(with react, redux, node.js) 후기

공공 데이터를 활용해 날씨 정보를 알려주는 웹사이트를 만든 weather 프로젝트 후기

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

Next.js 실행해보기, page와 공통 layout 만들기, eslint와 prettier 사용하기

react의 동작원리는 브라우저가 front server에서 html,js 파일을 최초로 1회만 받아오고, 이후 페이지 요청 시 backend sever에서 직접 data를 받아온다. → CSR(SPA) 방식하지만 웹서비스에 필요한 모든 정적 리소스를 한 번에 다 다운

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

redux-thunk 와 redux-saga

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

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개의 댓글
·