# redux thunk

40개의 포스트
post-thumbnail

[모던 리액트] 7장. 리덕스 미들웨어

리액트를 다루는 기술

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

토이 프로젝트 후기) Green In The Forest

이번의 토이 프로젝트는 동적 라우팅과 grid로 화면을 구성하는 것에 중점을 두었다. 공공데이터의 open API를 찾아보는 중, 숲속의 식물에 대한 데이터를 제공하는 산림청 숲에 사는 식물정보를 사용하기로 마음을 먹었다.

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

redux-thunk로 redux에서 API 요청하기

기본적으로 redux는 async await를 사용할 수 없다. 따라서, redux에서 비동기로 API 요청을 받아 데이터를 store에 저장하기 위해서는 redux-thunk 미들웨어 라이브러리를 사용해야 한다.

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

react-redux 사용시 redux-thunk 의 중요성

신규 개인프로젝트 중 react-redux 의 useDispatch 을 이용한 함수 호출 도중비동기 처리 관련 오류가 발생함CRA을 이용한 신규프로젝트 작업 중 redux를 사용하여 action을 dispatch 할 시 비동기 처리 작업을 처리하는 미들웨어 부분이 누락

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

react-router-dom과 redux 연결하기

npm i react-router-dom: react-router와 redux를 약하게 연결시켜 주는 기능아래 예제처럼 store와 route부분에 history를 연결해주면,redux thunk안에서 withExtraArgument를 가져와서 history를 빼와서,

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

Redux 미들웨어 1

미들웨어가 '디스패치'의 앞뒤에 코드를 추가할 수 있게 해준다.미들웨어가 여러개면 미들웨어가 '순차적'으로 실행된다.미들웨어의 두가지 단계 \- 스토어를 만들 때, 미들웨어를 설정하는 부분 {createStore, applyMiddleware} from redux

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

[React/Redux] redux-thunk

리덕스의 또 다른 미들웨어인 redux-thunk에 대해 알아보겠습니다. redux-thunk는 가장 많이 다운로드된 리덕스 미들웨어입니다. 그 다음으로 많이 사용되는 redux-saga도 꽤 많은 다운로드 수를 보여주고 있지만 redux-thunk에 비하면 1/3가량

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

Redux-Thunk

redux에서 비동기 작업을 처리하는 방법과 redux-thunk를 이용하여 비동기 작업 처리하기

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

Redux를 이용한 비동기 처리

[TIL][엘리스 SW 엔지니어 트랙] 12주차 - Redux를 이용한 비동기 처리

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

Redux-thunk+TS 02 | 리팩토링 (thunk 함수 & 리듀서)

가장 먼저 해야 할 것thunk(Promise 기반)를 만들어 줌. (1줄로)thunk 만드는 법 액션 생성함수(createAsyncAction 로 만든) & 함수(Promise 를 만드는)를 파라미터로 가져와서 만들음. 단순히 데이터만 바로 조회하는 형태의 코드일

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

Redux-thunk+TS 01 | Basics (리덕스 모듈 / 프레젠테이셔널 / 컨테이너)

redux-thunk 설치 $ yarn add redux-thunk axios 설치 $ yarn add axios (API 요청 목적) 모두 공식적으로 타입스크립트 지원됨 → @types/redux-thunk 나 @types/axios를 따로 설치할 필요

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

Redux-thunk 02 | 웹 요청 비동기 작업 처리

웹 요청 비동기 작업 처리 1. API 함수화 (lib/api.js) > axios 사용 API 호출 시, 주로 axios(Promise 기반 웹 클라이언트) 사용 설치 $ yarn add axios > 함수화 이유 API 호출 함수 → 따로 작성 시,

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

Redux-thunk 01 | 개념 / 미들웨어 적용

(리덕스 사용 프로젝트에서) 비동기 작업 처리 시 (가장 기본적으로) 사용하는 미들웨어함수 형태의 액션 디스패치 가능 액션 생성 함수에서 함수 반환(액션 객체 반환 대신) 창시자 댄 아브라모프(Dan Abramov) Thunk란? 의미: 특정 작업을 나중에 할

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

redux-thunk

redux를 공부중에 추가로 사용하게되는 미들웨어 2가지를 알아봤다.조금 어려운 개념인거같아서 대강 정리해두고 실무에서 필요할때 다시 꺼내보려한다 react컴포넌트는 상태에 따른 화면을 정의하는것이 기본 목적이다.redux만 사용해서는 비즈니스로직이 컴포넌트내에 섞이는

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

redux-thunk

redux-thunk에 대한 이해

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

리덕스 비동기처리

middleware, redux-thunk, redux-saga 정리

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

React(2)

가장 많이 널리쓰이는 훅중에 하나로 잘 못 구현되었을때 가장 많이 문제를 일으키기도 하는 훅이다기본적인 useEffect의 형태로 뒤에 deps가 없이 실행할경우 렌더링될때마다 매번 실행이 된다.deps를 비워둔채로 선언을 하게 되면 컴포넌트가 처음 마운트 될때에만 실

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

Redux-thunk 알아보기

Redux-thunk 소개와 설치 redux-thunk는 redux의 미들웨어이다. (미들웨어란 원하는곳에 기능을 추가해서 기능을 향상 시켜주는 역할을 하는 것이다.) 그래서 redux-thunk를 이용해 redux의 기능을 확장시켜 사용할 수 있다. redux-thunk를 사용하면 action을 객체로 사용하지 않고 객체대신 비동기함수를 넣어도 동작할...

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

[TIL #10] React - Redux Middleware 란? (Feat. redux-thunk)

사진 출처 Redux Middleware 란? Redux Middleware 란 Redux가 가진 핵심 기술중 하나이며 Middleware를 사용하면 Action이 Dispatch 된 다음 Reducer에서 해당 Action을 받아와서 업데이트 하기 전에 다른 추가적인

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

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

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

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