# redux saga

83개의 포스트
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개의 댓글

리액트, 리덕스, 사가 요약

React 상태에 따른 View를 출력하기 위해 사용 React-Redux 상태를 변경하기 위해 사용 액션: 변경을 트리거링 리듀서: 변경을 수행 하나의 액션은 하나의 리듀서와 연결된다. Redux-thunk 와 Redux-saga의 공통점 외부 상태에 따른 상태변

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

#TIL42, React 리덕스로 상태 관리하기

개인 공부를 위해 작성했습니다자바스크립트를 위한 <span style="color:리액트를 사용하는 많은 프로젝트에서 리덕스도 같이 사용하는데, 그 이유는컴포넌트 코드와 상태 관리 코드의 분리가 가능하고SSR시 데이터 전달이 간편하다리액트 컨텍스트보다 효율적인 렌

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

직접 만들어보는 사가 패턴

리액트를 하게되면 리덕스는 저절로 따라오게 되는 것 같다. 타입스크립트로 조금 더 쉽게 사용할 수 있는 리덕스 사가 패턴을 만들어 보자. 일단 필요한 패키지를 npm에서 설치하도록 하자. typesafe-actions는 typescript 환경에서 리덕스를 간단하게

2021년 6월 30일
·
0개의 댓글
post-thumbnail

[Redux] Redux Saga 적용해보기

Let's Learn Redux Middleware w/ Redux Saga

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

[socket.io] React, redux-saga eventChannel에 socket.io 사용하기 - (redux-saga에 socket.io 연결)

socketIO를 이용해 양방향 통신을 구현하는 것은 꽤 간단하다. (물론, 인증이나 채팅룸 등 다양한 기능을 추가하면 복잡해진다.) 하지만, 리액트를 이용해 개발을 하다보면 redux-saga를 자연스럽게 자주 쓰게되는데, 생각보다 까다로웠다. 리덕스 사가의 채널을

2021년 5월 30일
·
0개의 댓글

nextJS-reduxSaga-Typescript boilerplate(storybook 포함)

https://github.com/wmc15156/nextjs_storybook_skeleton_typescript

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

🎞 Moview - 영화 리뷰 SNS

영화 리뷰를 작성해 해당 영화의 리뷰를 공유하고, 공감, 댓글 등으로 통해 영화 리뷰를 즐길 수 있는 페이지입니다.회원가입/로그인 서비스를 이용해 본인 계정으로 게시물을 작성, 수정, 삭제 등 기본기능을 할 수 있으며, 개인화 페이지를 관리 및 수정 할 수 있습니다.

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

Redux-saga로 비동기 처리

Redux-saga로 비동기 처리하기

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

[saga+toolkit] redux-saga와 redux-toolkit으로 비동기 처리 모듈화하기

지금까지 redux에 api 호출에 관한 데이터를 받을 저장할 때는 FSA 형식으로 redux-thunk를 사용하여 다음과 같은 방식으로 관리했다.예를 들어 posts의 정보를 state.posts에 저장하려면요청 -> post/getPosts요청 성공 시 -> pos

2021년 4월 30일
·
8개의 댓글
post-thumbnail

[Typescript] Next.js + redux-saga 적용 시 store.sagaTask 타입 오류 해결방법

해당 에러를 해결하기 위해서 커스텀 타입을 정의 해주면 된다.

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

sagas->passport-> SNS login

FRONT END: NEXT (localhost:3000)BACK END: EXPRESS (localhost:3065)프론트와 백엔드가 나뉘어있고 로그인 버튼을 통해서 백엔드 api에 접근해서 github으로 로그인하기첨엔 케이스4번으로 saga로 로그인 요청 액션을

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

210319_ TIL / saga 이펙트 함수

피로누적과....회사 업무로 인하여 이론 공부로 마무리 ~리덕스 사가 리덕스 사가 사용하는 이유 redux의 함수는 무조건 동기적으로 데이터가 흘러간다.웹은 언제나 비동기로 사용자 경험을 높이는 것이 중요합니다.redux을 사용하면서 redux-saga도 동시에 사용함

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

노마드 코더 [ReactJS로 영화 웹 서비스 만들기] 리덕스와 인피니티 스크롤 적용하여 무한으로 즐기기

들어가기 앞서 위 글은 기존 노마드 코더님의 강의인 'ReactJS로 영화 웹서비스 만들기'를 바탕으로 공부한 부분을 적용하여 리뉴얼 하였습니다. 기존 클래스형 컴포넌트에서 함수형 컴포넌트로 변경한 후에, 리덕스 및 리듀서를 통해 데이터를 관리할 수 있도록 만들었습니

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

Redux toolkit 을 React에 적용하기 ep.2 (counter 예제)

CRA(create-react-app) +Typescript 위에서 redux-toolkit 공식문서에 있는 간단한 카운터를 따라해보자

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