# Saga

17개의 포스트

Error: redux-saga

Saga 적용 후 dispatch로 getMovies action creator를 전달하였다. 무한 로딩 로딩 로딩 ... 멈춤 왜? 이유는 1줄의 코드가 ... redux thunk와 헷갈려서 ... 원인을 찾앗다... 내시간... 오류 코드 아래는 red

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

redux-saga yield 타입 에러

리덕스 사가 구현 중 마주친 yield call 타입 에러가 나왔다. 'yield' expression implicitly results in an 'any' type because its containing generator lacks a return-type ann

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

[Error] [React] [Redux-Saga] saga 무한히 실행

https://github.com/mong-head/error/blob/master/images/saga_infinite_loop_problem.PNG?raw=true문제상황 : mount하는 시점에 dispatch실행mount, action은 한번씩만 불렸지

2021년 12월 21일
·
0개의 댓글

[Error] [React] [Redux-Saga] reducer null 반환

Unhandled Rejection (Error): When called with an action of type "CONTACTS_SET", the slice reducer for key "contacts" returned undefined. To ignore an

2021년 12월 15일
·
0개의 댓글
post-thumbnail

Redux Thunk & Saga

Redux Thunk와 Saga에 대해 알아봅시다.

2021년 11월 23일
·
0개의 댓글
post-thumbnail

[React] react-redux 비동기 처리 - thunk, saga

react-redux에서 로그인과 같은 비동기 작업을 해야 할 때는위 흐름과 같이 진행되어야 했다. 하지만 비동기 작업을 redux-thunk라는 미들웨어를 통해 비동기 작업을 조금 더 편리하게 관리할 수 있다../redux-action.js 파일에서 thunk 액션을

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

리액트에서의 전역상태관리_1 Redux

직접 작성한 예제를 기반으로 작성코드와 같이 보시면 더욱 도움될 것 같습니다이전 글 에서 크게 달라지는 것이 없다.Action, Reducer은 완전하게 동일하다.달라지는 점은, Context API에선 전역 데이터에 접근하기 위해 Provider에 등록했고 Reduc

2021년 9월 10일
·
0개의 댓글
post-thumbnail

saga에서 에러핸들링하기

사가에서는 에러핸들링하는 방법이 2가지 종류가 있다.일반적으로 아래와 같이 사용한다. 이 방식은 😟😟간단하지만 응답에 에러메세지를 실어보내는 경우 원하는 메세지를 보여주지 않는다.위 방식대로 한다면 백엔드에서 res.status(401).json(err)를 해줄 때

2021년 5월 7일
·
0개의 댓글
post-thumbnail

Next.js 초기 세팅 패키지

Next초기세팅 소스코드Next.js 초기세팅을 진행하다 보니, redux적용하는 법도 좀 어렵고, reactstrap, i18next 등등 라이브러리들을 적용하는데 제대로 되는게 하나 없었다.typescript도 공부 한지 얼마 안되었고 redux-saga도 처음이고

2021년 4월 20일
·
0개의 댓글

TIL 21.1.2

한 서버가 트래픽을 얼만큼 견뎌내는지를 이야기할 때 가용성(Availability)이라는 용어를 쓴다. 기억하도록 하자.Microservice를 설계할 때는 1 Database 1 Microservice 원칙을 따른다. 이렇게 설계하는데는 크게 두가지 이유가 있다.1\

2021년 1월 4일
·
0개의 댓글
post-thumbnail

[React] 21. Redux-Saga + createSlice(createSelector 적용)

이번에는 createSelector를 사용해보도록 하겠습니다.react hooks를 배울 때 useMemo를 기억을 떠올려보도록하겠습니다.useMemo는 하나의 상태값을 변경하였을 때 해당 컴포넌트가 다시 랜더링이 될때 불필요한 작업들을 하는경우가 발생합니다.즉 똑같은

2020년 10월 29일
·
0개의 댓글

[React] 20. Redux-Saga( TOOLKIT - createSlice적용 )

전 게시글에서 Redux-Saga를 사용하고, toolkit의 createAction과 createReducer을 사용하여 reducer부분을 좀더 간결하게 사용을 해보았습니다. models/counter.js파일에 Redux-Saga와 Redux-Toolkit을 같이

2020년 10월 29일
·
0개의 댓글

[React] 19. Redux-Saga( TOOLKIT적용 )

오늘은 Toolkit에 대해 알아보겠습니다.React 개발을 할때 Redux를 거의 필수로 사용을 하고 있습니다.Redux를 사용하면 코드가 늘어나는 거는 어쩔 수 없는 일이죠.액션 함수, 액션 생성 함수, 리듀서 switch문으로 각 해당 액션함수마다 실행되는 코드들

2020년 10월 28일
·
0개의 댓글
post-thumbnail

죠니랑 차트 만들기 - 1 :VSC와 Mysql설치

앗뇽앗뇽 나는 죠니야 🙋🏻‍♀️ 개발을 싫어하는 개발자 죠니랑 같이 통계 사이트 만들 사람 구해요 :) 컨트랙트를 읽어서 생성된 DID개수를 차트로 보여주는 페이지를 만들어 볼거에요 ! 저는 총 3개의 서버를 사용할겁니다. DB를 조회하고 생성하는 스케줄러 서버

2020년 9월 25일
·
1개의 댓글

Redux-Saga

npm i redux-saga 설치, 미들웨어에 집어넣는다 npm i next-redux-saga 설치, withReduxSaga를 붙여줘야 한다.put : dispatch의 saga버전이라고 생각하면 된다. Action을 dispatchall : 배열을 받아서,

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

SAGA pattern을 이용한 분산 트랜잭션 구현하기

spring boot와 axon framework 환경에서 SAGA pattern을 활용해 분산 트랜잭션을 구현해보는 실습 코드입니다.모든 아키텍쳐가 그러하듯 MSA에서도 단점과 한계들이 존재하는데, 그 중 하나는 일련의 db access 작업에 대해 atomicity

2020년 7월 3일
·
1개의 댓글
post-thumbnail

Next.js에 Redux-Saga 연결 해보기

Redux만으로는 비동기적인 작업을 처리하지 못 합니다. 그래서 미들웨어를 연결해서 비동기작업 처리를 하는 코드를 짜주어야 합니다. 대표적인 미들웨어로 thunk와 saga가 있는데 saga가 더 기능이 많고 많이 쓰이는 것 같아 saga로 해보도록 합니다.위 명령어를

2020년 2월 26일
·
4개의 댓글