# thunk

34개의 포스트

[Today I Learned] 1월 4주차 day2

설연휴 동안 오랜만에 가족 따라댕기느라 공부 할 시간이 없었다. 그전에는 RN으로 프로젝트 진행하였고 react-query를 통해서 서버 데이터처리를 했다. 그래서인지 thunk에 대한 개념을 다잊어버렸고 감이 사라져버렸다. 요번 프로젝트에서는 thunk를 활용해 구현

2023년 1월 24일
·
0개의 댓글
·

[Redux] thunk (비동기 작업 처리)

Thunk? ✅thunk는 redux-toolkit에 내장된 기능이며, redux로 비동기적 작업을 처리할 때 사용된다.

2023년 1월 21일
·
0개의 댓글
·
post-thumbnail

스파르타코딩 내일배움캠프 DAY 38 TIL - 리덕스 thunk

리액트 파일을 전달 할 떄는, node-modules 파일을 삭제하고 보내야한다.why?파일 용량이 엄청 커짐, 어차피 파일을 받는 사람은 package.json 기반으로 설치를 하기 때문에, npm i 만 해주면 끝임만약 npm i 설치 시 오류가 걸린다면?, 강제로

2022년 12월 29일
·
0개의 댓글
·
post-thumbnail

Redux-toolkit thunk로 비동기 상태 처리하기

redux-toolkit을 이용해서 비동기 데이터 처리하는 방법에 대해서 알아보겠습니다.비동기 처리는 createAsyncThunk함수를 사용합니다. 이 함수를 사용하는 방법을 알아보고 어떤 기능이 있는지 확인해 보겠습니다.

2022년 12월 22일
·
0개의 댓글
·

51일차 TIL : Thunk

Thunk 함수,Thunk에서 Promise 다루기

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

TIL.22.12.19. - 정규 RTK

리덕스 툴킷을 학습합니다. 당연히 다른 프레임워킁입니다. 하지만 리덕스의 불편한점을 개선한 리덕스 프레임워크입니다.리덕스를 잘 배우면 어려울 것이 없습니다. 리덕스를 잘 모르면 큰 고통이 올 것입니다.리덕스를 작성할 때 형식적으로 설정해야 하는 것이 많았습니다. 리덕스

2022년 12월 19일
·
0개의 댓글
·
post-thumbnail

React _ Redux Toolkit의 thunk를 활용한 비동기 통신 이해하기

Prologue React로 프론트엔드 개발 시 Redux를 활용한 전역 상태 관리를 하게 됩니다. 이 전역 상태 관리의 프로세스는 다음과 같습니다. >1. 해당 UI에 이벤트 발생 Event Handler에서 action 객체가 Dispatch 됨 Dispatch

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

Redux-Toolkit Usage Guide2

Writing Action Creators Redux는 action object를 생성하는 과정을 캡슐화하는 "action creator" functions를 사용하도록 장려합니다. 직접적으로 반드시 작성이 필요한 것은 아니지만, Redux 사용법에서 표준적인 과정입

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

[WIL] 리액트 쉽지 않네..

리덕스툴킷과 axios로 통신하기 (feat. json server)

2022년 10월 23일
·
0개의 댓글
·
post-thumbnail

📆 22.10.16 - Redux Thunk

redux-logger -> redux flow를 볼 수 있음 npm i redux-logger middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: false }).concat(logger),

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

Redux-Toolkit Usage Guide1

Redux core library는 의도적으로 정해진 룰이 없습니다. 이는 store setup, reducer 디자인 등 모든 것들을 사용자가 원하는대로 사용할 수 있다는 것입니다. 이러한 특징은 사용자에게 유연함을 가져다주고 코드를 원하는대로 작성하도록 도와줍니다

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

Redux-Toolkit and Thunk

리덕스 미들에워는 액션을 디스패치했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업들을 실행합니다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼 수 있습니다. 여기에는 Redux-Thunk 와 Redux-Saga가 있습니다. 이번 포스터에선 Redux-

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

axios 헤더에 토큰 넣기

[TIL] 오늘의새: 새끼?제비 곧 있음 이소를 할것 같다

2022년 8월 17일
·
0개의 댓글
·

리덕스 미들웨어 Thunk, Promise, TDZ

리덕스에서 미들웨어 청크의 역할은 뭘까요?프로미스는 정확히 말하면 비동기가 아닙니다. 비동기와 프로미스는 각각 무엇일까요?TDZ(Temporal Dead Zone/일시적 사각지대)란?

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

항해99 W.A.

미들웨어는 액션이 디스패치 된 다음 리듀서에서 액션을 처리하기 전에 액션을 받아와서 액션을 취소시키거나 다른 종류의 액션을 추가적으로 디스패치하는등 업데이트 이전에 추가적인 작업을 할 수 있도록 도와주는 역할이다.즉 리듀서 내의 어떤 로직이 실행되기 사이의 중간다리 역

2022년 8월 11일
·
0개의 댓글
·
post-thumbnail

밍부스29) Veni, vidi, vici (부제: redux thunk로 crud구현하기)

항해를 시작한 이래로 두번째 위기를 맞았다. 첫 위기는 항해첫날 첫 프로젝트였고, 두번째 위기는 리덕스 thunk로 crud를 구현해야 하는 과제였다. 썽크를 공부한건 오늘이 처음은 아니었다. 저번주에 파보려고 했지만 개념은 알겠는데 차마 구현은 엄두가 나질 않았다.

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

비동기를 위한 thunk?

[TIL] Thunk? 리덕스를 배우며 툴킷도 배우게 되었다. 그러다 비동기 처리를 어떻게 해야할지 모르겠어서 일단 리듀서에서 처리를 해보았지만...

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

Redux toolkit - thunk 사용하여 비동기 작업 처리하기

Redux toolkit은 내부적으로 thunk를 내장하고 있어서, 미들웨어를 따로 설치하지 않아도 비동기 처리를 쉽게 할 수 있다.당연히 컴포넌트 내부에서 비동기 처리를 할 수도 있다. 아래 코드처럼.그러나 가독성과 재사용성이 떨어진다는 단점이 있다. 따라서 Redu

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

Redux MiddleWare - thunk, logger

말 그대로 로그를 찍는 애어떤 로그냐 Action이 Dispatch에 reducer에 그 때마다 어떤 액션인지를 log로 찍어볼 수 있게 해주는 미들웨어Action을 dispatch를 이용해서 reducer에 전달을 해주는데, 그 과정에서 만약 미들웨어를 적용했다면,

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

[FE] Redux-Thunk vs Redux-Saga

: 흔히 redux의 비동기 처리 로직 혹은 사이드 이펙트를 처리하기 위한 용도로 redux-thunk나 redux-saga를 많이 사용한다. 이번 포스팅에서는 앞서 말한 redux와 연관되는 라이브러리가 필요한 이유부터 시작해서 각 라이브러리의 장단점을 가지고 서로를

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