# redux saga

98개의 포스트
post-thumbnail

Redux-saga 01 | 유용한 경우, 제너레이터(generator) 함수

Redux-thunk와 비교 시 좀 더 까다로운 상황에서 유용 기존 요청 취소 처리 ((불필요한) 중복 요청 방지)특정 액션 발생 시 → 다른 액션 발생 리덕스와 관계 없는 코드(API 요청 등) 실행 시 웹 소켓 사용 시API 요청 실패 시, 재요청redux-

약 6시간 전
·
0개의 댓글

리덕스 비동기처리

middleware, redux-thunk, redux-saga 정리

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

[React] saga 비동기 액션 처리

redux-saga는 사용해본적이 없어서 익숙해져보고자 이번 youtube api를 활용해서 검색 기능을 만들어보고자 했다.위의 검색창에 검색할 단어를 입력하고 검색을 하게되면, redux-saga에서 모니터링 하고 있다가 GET_MUSICLIST 액션이 발생하면 fe

2021년 10월 14일
·
0개의 댓글

[WIL] 20210917 - 20210923

추석의 일정을 제외하면 면접, 코딩테스트, 과제로 일주일을 보냈던 것 같다.

2021년 9월 23일
·
1개의 댓글

[TIL] 20210916 - TypeScript, Redux-saga

지난 주 금요일에 수료를 했으니 벌써 일주일이 지난 셈이다.

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

[React] 리액트, 리덕스, 타입스크립트환경에서 살아남기

📍 redux-saga / axios / typescript quick start! 이번에는 리덕스 미들웨어 중 리덕스사가에 타입스크립트를 적용해보도록 하겠습니다. 리덕스 사가에 타입스크립트를 적용하기에 앞서 리덕스-사가에 대한 지식이 부족하시다면 벨로퍼트님의 리덕

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

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

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

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

W6 - 기업과제 9 | 페이워크 - Todo List 앱

원티드 프리온보딩 과정에 참여하여 페이워크 기업과제를 받아 투두 리스트 앱을 구현해보았습니다.

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

TIL14 | Redux Saga

타입스크립트, 리덕스 사가 이용한 투두 리스트 구현

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

redux-saga

redux-saga는 애플리케이션의 "부수적인 효과(side effect)"(데이터 요청(fetch) 등의 비동기 작업, 브라우저 캐시 같은 순수하지 않은 것들) 들을 쉽게 관리하고 효과적으로 실행하고 간단한 테스트와 쉬운 실패 처리를 목적으로 한다.(js에서 side

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

redux-saga를 추천하지 않는 이유

redux를 사용할때 비동기 처리가 필요하다면 툴킷에 내장된 redux-thunk를 사용하자. 그런데 만약 서버 데이터를 비동기로 받아오기 위해 redux와 비동기 미들웨어가 필요한 상황이라면 이를 redux로 해결한다는 생각을 고심해 볼 필요가 있다.

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

[Redux] redux-saga 처음 실행된 함수만 실행되고 그다음에는 취소/경고

파일 다운로드를 연속으로 했을 때 두번째 액션 부터 취소하고 토스트 보여주어야 하는 상황 특정 액션이 연속 해서 일어났을 때 이전 액션 취소되고 가장 마지막에 실행된 액션이 실행되는 takeLatest의 경우, 처음으로 시작된 액션이 시작되는 것이 아닌 가장 마지막에

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

[Redux] redux-saga 비동기 처리, 실패시 재시도

Post를 했을 때 409 에러로 실패하면 1초 간격으로 최대 4번 재시도(즉 5번의 post 시도)를 해야하는 상황⇒ 특정 에러일 때 제한된 횟수로 재시도 하는 작업을 처음 해보아서 기록에 남김에러 status에 따라 분기처리 필요함을 느꼈다.

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

[Redux] redux-saga effect

take특정 타입의 액션을 기다림 즉, 액션이 dispatch 되기 전까지 다음 코드로 넘어가지 않음기다린 해당 액션의 객체 반환여러개의 액션을 기다릴 수도 있음⇒ 먼저 실행되는 액션의 객체 반환, 하나라도 실행되면 다음 코드로 넘어감⇒ 해당 액션들 모두 기다림debo

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

immer 도입하기

불변성을 지키다 보면 아래와 같이 복잡한 코드를 작성해야 할 상황이 온다하지만 이를 도와주기 위한 npm 으로 immer 이라는 라이브러리가 있다.react, redux 등에서 사용 가능하다. (hook 버전 -> use-immer)

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

[Error Log] redux-saga

프론트서버와 백엔드서버를 연결해 회원가입을 구현하는 중에 다음과 같은 오류가 발생했다.오류 코드를 살펴보면, user.js라는 파일에서 문제가 발생한다는 것을 확인할 수 있었다.user.js는 유저 데이터를 서버로 넘기기 위해서 리덕스 사가를 사용해 코드를 작성했다.해

2021년 7월 24일
·
0개의 댓글

[TIL] React, Redux, Saga 철학에 맞는 기본적인 "상태" 설계하기

출력 로직은 React에 상태변경로직은 Redux에, 변경 직전/직후 로직은 Saga에 넣습니다.

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

[TIL #12] React - redux-saga 란?

redux-saga란 앞선 포스트에서 언급했다시피 Redux Middleware 라이브러리 중 하나이다. 앞에서 설명했던 redux-thunk도 많이 쓰이긴 하지만 간단한 어플리케이션에서만 쓰이며, 주로 redux-saga를 사용한다. 예제와 함께 redux-saga에

2021년 7월 19일
·
0개의 댓글

[TIL] Redux-saga 와 expo FileSystem

FileSystem 은 보통 디렉토리를 생성하는 과정과 읽기/쓰기 과정으로 분리된다.redux와 같이 사용할 경우, saga에서 읽기 부분을 처리하는것이 일반적인데, 그 때 FileSystem 라이브러리는 아래와 같이 사용할 수 있다.call 함수를 쓰지 않아도 된다참

2021년 7월 18일
·
0개의 댓글

[TIL] Redux-saga 함수 select, call

Redux-saga 사용법2roomlis 가 slice 이름이고 currentRoomId 가 들어있을 때select()함수를 통해 사용할 수 있다.함수 FileSystem.readAsStringAsync(chatsDir + action.payload) 를 예시로 든다.

2021년 7월 17일
·
0개의 댓글