# redux saga

Redux-thunk와 Redux-saga 이해하기
이 포스트는 인프런의 ZeroChoi님의 Nobird 프로젝트를 진행하며 Redux 미들웨어를 이해하기 위해서 강의 내용에 추가해서 정리한 내용입니다 . 🏷 Redux-saga와 Redux-thunk는 Redux 미들웨어로서, 비동기 작업을 처리할 수 있게 하고 Re
Generator 문법
이 문법의 핵심 기능은 함수를 작성 할 때 함수를 특정 구간에 멈춰놓을 수도 있고, 원할 떄 다시 돌아가게 할 수도 있다. 그리고 결과값을 여러번 반환 할 수도 있다. 이 경우에는 무조건 1만 반환하게 될 것이다. 하지만, 제너레이터 함수를 사용하면 함수에서 값을
Redux-saga
delay , call , put , all , takeEvery, takeLatest설정된 시간 이후에 resolve하는 Promise 객체를 리턴한다.\-> 1초 기다리기특정 액션을 dispatch 하도록 한다.\-> INCREMENT action을 dispatc
redux-saga api call delay 해서 가져오는 방법
api를 call 했는데 부르는 시간이 길 때 처리 방법 문제점 api call로 불러올 때 해당 데이터 형태의 빈값이 할당됨 원인 파악

[React] Redux Saga
Thunk 와의 차이Redux Thunk함수를 dispatch 할 수 있게 해주는 미들웨어Redux Saga액션을 모니터링 하고 있다가 특정 액션이 발생했을 때, 미리 정해둔 로직에 따라 특정 작업이 이루어지는 방식Thunk의 단점redux-thunk는 복잡한 비동기
Redux - redux saga
Redux 미들웨어(Middleware)의 일종으로, 비동기 작업을 처리하기 위한 라이브러리이다. Redux Thunk와 마찬가지로 Redux 액션 객체 내에서 비동기 작업을 처리할 수 있다.제너레이터(generator)를 이용하여 비동기 작업을 처리하기 때문에, 비동

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

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

[React] Redux - 비동기 처리 (saga, thunk)
말머리 Notification(알림) 기능을 만들면서 접하게된 이슈와 해결 한 방법을 정리한다. 비동기 처리 상황은 아래와 같다. > 게시글에 댓글 달림 게시글의 작성자에게 알림 보냄 (이건 실시간이 필요 없다 생각해서 DB Table로 만듬) 알림 확인 및 알림 제
Redux(리덕스),Redux-saga
JavaScript 상태관리 라이브러리데이터를 한곳에 집합시켜 데이터 사용 및 관리를 편리하게 만드는 라이브러리폴더 구조를 짜게되면 수많은 컴포넌트들이 존재하는데 여기서 내가 필요한 데이터를 빠르고, 쉽게 꺼내 쓸수 있기 때문이다.쉽게 말하자면 컴포넌트 관리를 내부에서

Weather🌤️ 프로젝트(with react, redux, node.js) 후기
공공 데이터를 활용해 날씨 정보를 알려주는 웹사이트를 만든 weather 프로젝트 후기

Next.js 실행해보기, page와 공통 layout 만들기, eslint와 prettier 사용하기
react의 동작원리는 브라우저가 front server에서 html,js 파일을 최초로 1회만 받아오고, 이후 페이지 요청 시 backend sever에서 직접 data를 받아온다. → CSR(SPA) 방식하지만 웹서비스에 필요한 모든 정적 리소스를 한 번에 다 다운
Redux-saga VS React-query
Reduxredux는 상태관리 라이브러리다. 비동기처리목적이 아니기 때문에 redux-saga ,redux-thunk 등 미들웨어를 사용해야한다.비동기 처리시 상태관리(isLoading, error, success)상황을 관리해야한다.React-query상태관리를 기본
리덕스 사가(Redux Saga)란?
리덕스 썽크(Redux Thunk) 다음으로 가장 많이 사용되고 있는 리덕스 사가(Redux Saga)는 리액트/리덕스 애플리케이션에서 비동기적으로 API를 호출하여 데이터를 가져오는 일과 같은 부수 효과(Side Effect)를 쉽게 처리하기 위해 사용하는 라이브러리

Redux-saga와 Redux-thunk
비동기 작업을 처리할 때 가장많이 사용하는 미들웨어입니다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해줍니다.이것도 thunk와 마찬가지로 비동기 작업 관련 미들웨어 입니다.특정 액션이 디스패치되었을 때 정해진 로직에 따라 다른 액션을 디스패치시키는 규칙을
React localhost가 다른 프론트서버와 백엔드 서버의 연결 중 생긴 오류 해결
프론트 서버(localhost:3060)과 백엔드 서버(localhost:3065)를 연결하는 과정에서 오류 생김가장 많이 본 오류 : cannot read properties of undefined (reading 'data') 프론트는 redux, redux-sag
로그인, 로그아웃
오류의 원인 : loginRequest -> loginSuccess로 넘어가는 과정에서 로그인 화면 -> 로그인 완료 창이 나오게 했어야 함 문제점 : 로그인 완료 창이 loginSuccess에서 나와야 하는데 loginRequest에서 나옴 [userSlice.j
[React] Reducx-Thunk , Redux-Saga
redux-thunk와 redux-saga는 둘 다 미들웨어 라이브러리이다.redux의 Flux 패턴에서 맨 처음 액션을 dispatch 하게 되면, 리듀서에서 그 해당 액션에 대한 정보를 바탕으로 스토어의 상태값을 바꾸게 되는데, 이때 미들웨어를 사용하면 액션이 스토