# redux saga
#13 Today I Learned - 21.01.20
mini project : Redux Movie App ❗️ javascript : axios로 받아온 state 값 assign 하기
#12 Today I Learned - 21.01.19
mini project : Redux Movie App ❗️ github : git commit edit, delete tutorial
React NodeBird 공부 4 ( Redux-saga 연동하기 )
npm i redux-saga 와 npm i next-redux-saga 설치해준다configureStore.js에서 import를 해준뒤 sagaMiddleware 를 middlewares 에다가 넣어준뒤 store.sagaTask = sagaMiddleware.ru
#3 Today I Learned - 21.01.06
redux-saga : function*(){ }, redux-saga-effect ❗️ redux-saga : saga 사용법 ❗️ javascript : 구조 분해 할당 ❗️ javascript : axios
[Redux-saga] 내가 이해하기 위해 쓰는 기본 개념 정리 1
Redux-saga를 프로젝트에 사용하고 나서 더 자세하게 꼼꼼하게 챙겨야할 필요성을 느껴서 간단한 개념 정리를 남겨본다. 참고로 이 글은 한국어로 번역된 Redux-saga 공식문서를 정리한 내용이다. (mskims.github.io/redux-saga-in-kore
.jpg?w=120)
snkrs-calendar - 정리글
snkrs-calendar > 스니커즈를 좋아하는 사람이라면 필요할법한 발매 정보(Draws)를 모아서 보여주는 프로젝트입니다. capture Use skill Front react redux redux-saga, typesafe-actions s
Redux ToolKit With Redux Saga 리덕스 툴킷으로 리덕스 사가 사용하기
리덕스 사가란, 리덕스를 사용할 때 특정 리듀스 액션을 관찰하고 있다가, 그 액션이 실행 되면서 동시에 다른 행동을 취할 수 있게 해주는 함수 입니다.보통 백엔드 통신을 할 때 많이 사용합니다.리덕스 사가 이펙트함수란, call : 함수를 동기적으로 실행 all : 매
[스크랩]redux-saga 주요 함수 정리(delay, call, put, all, takeEvery, takeLatest)
설정된 시간 이후에 resolve하는 Promise객체를 리턴한다.예시: delay(1000)→ 1초 기다리기특정 액션을 dispatch하도록 한다.예시: put({type: 'INCREMENT]})→INCREAMENT action을 dispatch한다.들어오는 모든
짤막한 if(kakao)2020 세션 정리 1
일반적으로 블록체인에서 카드(NFT)를 만들 때는 기본정보(받은 시간, 받은 사람)와 속성정보(이미지, 장문의 글 등)를 분리하여 저장한다. 모든 정보를 블록체인에 저장하게 되면 네트워크에 부담이 커지고, 높은 비용이 발생하기 때문이다. 속성정보에 대한 URI는 기본정
redux-saga 흐름
redux saga 는 redux 에서 API의 데이터를 받아와서 store 에 등록할 때 주로 쓰인다. 물론 saga를 안쓰고 API 의 데이터를 가져와서 저장할 수 있긴 하지만, 둘다 경험해본 결과 saga 를 쓰는 것이 코드가 더 깔끔하게 정리되고, 속도가 더 빠
[사이드 프로젝트] Redux-Saga 를 이용한 하위 컴포넌트들의 데이터 흐름 관리
요즘 부트캠프의 바쁜 일정 덕분에 새로운 지식들을 빠르게 습득하고 있다는 기분이 들지만, 한편으론 개인 프로젝트를 진행할 시간이 점점 부족해져서 그런지 한편으론 아쉽다. 그래도 나름 시간을 내서 틈틈히 개인프로젝트를 진행중이며, 최근엔 기존의 회원가입 및 로그인 관련
redux-thunk, redux-saga 이용하기
외주 프로젝트를 진행하다보니 컴포넌트 내부에 있었으면 하는 로직들이 saga쪽에 있게 되는 문제가 발생하였다. 완벽하게 문제를 해결하지는 못하였지만, 만들어놓은 helper함수와 같이 사용할 수 있는 방법을 찾았고 모두 동의하였다. (+프로젝트에서 redux를 어떻게
[사이드 프로젝트] Tindux 회원가입 컴포넌트 작업기📝
토이 프로젝트로 개발중인 블라인드 데이팅 서비스 Tindux의 회원가입 컴포넌트 작업이 어느정도 마무리되었다. 지금까지 만들어봤던 일반적인 회원가입 관련 컴포넌트에 비해 받아야할 항목들도 많고, 입력받은 항목들을 기반으로 컴포넌트 내에서 실시간으로 변화를 줘야 했다보니
Redux-Thunk vs Redux-Saga 한국어
본 게시물은 Medium의 Redux-Thunk vs Redux-Saga을 한글 번역한 글입니다. 약간의 의역이 포함되어 있습니다.요즘에는 많은 동적 웹 애플리케이션에서 비동기 작업을 사용합니다. 당신은 React 개발자로서 아마 경력 내내 Redux-Thunk를 사용
[Redux] Redux-Saga 기초 연습
Redux-Saga를 활용한 네트워크 요청. redux-saga의 흐름을 이해하기 위해 작성. 공식페이지의 튜토리얼을 추천. https://mskims.github.io/redux-saga-in-korean/introduction/BeginnerTutorial.html 1. redux-saga 설치 >$ npm install --save redux-sa...