# redux saga

123개의 포스트

✍️ Next.js + styled-components + redux + redux-saga 기본 세팅

Next.js + styled-components + redux + redux-saga

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

[React] Redux 설정하기

redux : 상태 업데이트와 관련된 로직을 효율적으로 관리하는 라이브러리.react-redux : redux와 react를 연동해주는 라이브러리.redux-saga : 비동기 작업을 처리하는데 도와주는 redux 미들웨어.redux-devtools-extension

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

redux, react에 대한 생각

react 는 결국 한 페이지 태그안에 태그안에 태그로 구성되어있는데 프롭이 상위컴포넌트에서 하위컴포넌트로 내려올 수 밖에 이유는 Scope 변수의 영역 때문인데하위컴포넌트 변수의 값이 하위 컴포넌트 밖에 상위컴포넌트에는 존재할 수 없기 때문에, 범위가 닿지 않기 때문

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

React-nodebird - Infinite scoll

infinite scroll ?ex) CRUD 게시판을 생각해보면 게시글이 있고 이 게시글을 보여주는 list page가 있을 것이다.리스트가 적을 때는 상관 없지만 실서비스에서 수십수만개가 된다면 어떻게 될까 ?한번에 수많은 데이터를 서버에서 들고와서 사용해야되기 때

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

React Redux-Saga 환경에서 Stomp Client & Spring boot kotlin 설정

React + typescript + redux-saga 환경에서 stomp client를 개발한 경험을 공유합니다.initializeStompChannel 을 호출하여 stomp 연결 Stomp 연결 설정 Redux-Saga 에서 특정 이벤트가 발생했을 때 처리를 위

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

[카우치코딩] 3주차 진행 회고

3주차 진행 디자인을 전달받고 개발에 들어가게되었다. css를 다시 공부하게 되었다. 슬라이드를 구현하였다.

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

[퍼온 글] redux-saga 가 해결하는 문제

redux-saga 가 해결하는 문제 출처: https://min9nim.github.io/2020/04/redux-saga/

2022년 4월 9일
·
0개의 댓글

220329 TIL

A redux middleware that deals with every side effect.1\. create a SomethingSaga.ts saga file that collects side effects of some variable.2\. connect t

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

Redux 미들웨어 2

redux-saga 제너레이터 객체를 만들어내는 제너레이터 생성함수를 이용 리덕스 사가 미들웨어를 설정하고, 내가만든 사가 함수를 등록한 후, 사가 미들웨어를 실행. 그 후, 등록된 사가 함수를 실행할 액션을 디스패치하면 된다. npm i redux-saga re

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

[React/Redux] redux-saga

redux-saga 미들웨어는 Generator 문법을 사용해서 비동기 처리를 관리해줍니다. 그러므로 미들웨어를 공부하기 전에 발생자에 대한 문법과 개념을 알아두어야합니다. 발생자 문법과 설명은 발생자 포스트를 참조해주세요.redux-thunk에 이어서 또 다른 비동기

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

redux-saga

sagas 폴더 안의 index.jsall : 배열을 받음. 배열안의 것들을 한방에 실행함.fork : 동기 함수 호출call : 비동기 함수 호출

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

redux-saga

reudx 미들웨어의 끝판왕 redux-saga를 정리해보자.이 게시글은 7시간 고생하며 겨우 성공한 아주 간단한 counter 예제를 입문자 시점에서 정리한글이다.이 글만 따라하면 redux-saga의 기본적인 구조와 비동기 실행까지 따라 할 수 있다..글을 잘 못써

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

[Redux-saga] Redux-saga 함수 기능 정리

call : 동기 실행을 하고 Promise를 반환하는 함수를 호출한다. 첫 번째 파라미터는 Promise를 반환하는 함수, 두번 째 파라미터 부터는 해당함수에 넣을 인수이다.fork : 비동기 실행을 하고 call 과 같은 기능을 한다.put : dispatch 와

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

Redux-Saga effects

redux-saga/effects 중에서 자주 쓰는 것들을 모아서 정리해 보았다

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

Redux Saga

Redux Saga는 Redux 사용 중에 필요한 비동기 작업을 쉽게 처리하도록 도와주는 라이브러리select: redux 저장소에서 값을 가져올 때 사용call: 비동기 요청 함수를 실행할 때 사용put: redux 저장소의 값을 업데이트하는 action을 dispa

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

Redux-saga+TS | saga 사용 / 리팩토링

목표프로젝트에서 비동기 작업을 관리하기 위하여 redux-saga 를 사용하는 방법(redux-thunk 대신)을 알아볼 것redux-saga로 똑같이 구현할 것(redux-thunk로 구현했던 것)redux-saga 설치하기이유GET_USER_PROFILE 액션에서

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

Redux-saga 03 | saga 적용, 리덕스 개발자 도구(redux-devtools-extension) 활용

흐름'비동기' 액션 타입 선언→ INCREASE_ASYNC, DECREASE_ASYNC 액션 생성 함수 제작 (해당 액션에 대한)→ increaseAsync, decreaseAsync() => undefined를 두 번째 파라미터로 넣음. → 마우스 클릭 이벤트가

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

Redux-saga 02 | 라이브러리 설치 방법 / 주요 함수

$ yarn add redux-saga들어오는 모든 액션에 대해 특정 작업을 처리ex 가장 마지막 실행된 작업만 수행 (기존 진행 중이던 작업 有 → 취소 처리)여러 액션이 중첩되어 디스패치 되었을 때 → 가장 마지막 액션만 처리 (기존 것들 무시)ex 설정된 시간

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

Redux-saga 사용법

기존에 Redux는 dispatch가 동기적으로 바께 수행이안된다. 백엔드에서 데이터를 store로 불러올때 동기적으로 불러오면 문제가 생길수가있다. 그래서 비동기적으로 불러올수 있는 방법이 필요했다 그래서 필요했던게 redux-saga 이다 redux-saga는 re

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