# thunk

[Today I Learned] Query String받아서 헤더에 토큰넣기
먼저 URL 뒤에 붙은 쿼리스트링을 가져와야한다.useLocation 메서드를 통해 window.location.search 로 쿼리스트링을 불러온다. URLSearchParams 메서드는 복잡하게 붙은 파라미터들을 쪼개주는 역할이다.주로 new 를 사용해서 생성자를

Thunk
미들웨어란?소프트웨어에서 어떤 작업을 수행하기 전과 후에 발생하는 이벤트를 가로채는 소프트웨어 컴포넌트. 이를 통해 여러 가지 작업을 수행할 수 있음.리덕스 미들웨어 https://react.vlpt.us/redux-middleware/리덕스에서의 미들웨

Redux에서 벗어나기
처음 사내 프로젝트를 시작할때 redux를 사용했었다. 비동기 처리는 따로 하지 않아서 api의 결과물을 redux에 저장하고 필요한 컴포넌트에서 꺼내 사용했다. 그야말로 저장소에 가까웠다. 하지만 제품이 커지고 컴포넌트의 구성이 복잡해지면서 이런 방식은 불편한점이 많

Today I Learned 2023.03.12. [React 심화3]
Axios의 좀더 심화적인 내용과 interceptor 그리고 Thunk에 대해서 알아보았다. 각각의 목적성을 잘 찾아가는게 중요해 보인다.

Redux Toolkit - thunk
리덕스 툴킷에서는 비동기 작업을 어떻게 처리할까.CreateAsyncThunk({action type}, {action creater가 호출됐을 때 실행할 함수})asnyncUpFetch는 액션 크리에이터이기 때문에 타입이 있어야 한다. 액션이 실행됐을 때 처리되어야
20230220 [react] - thunk
:리덕스에서 dispatch를 하면 action이 리듀서로 전달이 되고, 리듀서는 새로운 state를 반환하게 된다. 근데 미들웨어를 사용하게 되면, 이 과정 사이에 우리가 하고 싶은 작업들을 넣어서 반환할 수 있게 된다.ex)counter카운터 프로그램에서 더하기 버
[Today I Learned] 1월 4주차 day2
설연휴 동안 오랜만에 가족 따라댕기느라 공부 할 시간이 없었다. 그전에는 RN으로 프로젝트 진행하였고 react-query를 통해서 서버 데이터처리를 했다. 그래서인지 thunk에 대한 개념을 다잊어버렸고 감이 사라져버렸다. 요번 프로젝트에서는 thunk를 활용해 구현
[Redux] thunk (비동기 작업 처리)
Thunk? ✅thunk는 redux-toolkit에 내장된 기능이며, redux로 비동기적 작업을 처리할 때 사용된다.

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

Redux-toolkit thunk로 비동기 상태 처리하기
redux-toolkit을 이용해서 비동기 데이터 처리하는 방법에 대해서 알아보겠습니다.비동기 처리는 createAsyncThunk함수를 사용합니다. 이 함수를 사용하는 방법을 알아보고 어떤 기능이 있는지 확인해 보겠습니다.
TIL.22.12.19. - 정규 RTK
리덕스 툴킷을 학습합니다. 당연히 다른 프레임워킁입니다. 하지만 리덕스의 불편한점을 개선한 리덕스 프레임워크입니다.리덕스를 잘 배우면 어려울 것이 없습니다. 리덕스를 잘 모르면 큰 고통이 올 것입니다.리덕스를 작성할 때 형식적으로 설정해야 하는 것이 많았습니다. 리덕스

React _ Redux Toolkit의 thunk를 활용한 비동기 통신 이해하기
Prologue React로 프론트엔드 개발 시 Redux를 활용한 전역 상태 관리를 하게 됩니다. 이 전역 상태 관리의 프로세스는 다음과 같습니다. >1. 해당 UI에 이벤트 발생 Event Handler에서 action 객체가 Dispatch 됨 Dispatch
Redux-Toolkit Usage Guide2
Writing Action Creators Redux는 action object를 생성하는 과정을 캡슐화하는 "action creator" functions를 사용하도록 장려합니다. 직접적으로 반드시 작성이 필요한 것은 아니지만, Redux 사용법에서 표준적인 과정입

📆 22.10.16 - Redux Thunk
redux-logger -> redux flow를 볼 수 있음 npm i redux-logger middleware: (getDefaultMiddleware) => getDefaultMiddleware({ serializableCheck: false }).concat(logger),
Redux-Toolkit Usage Guide1
Redux core library는 의도적으로 정해진 룰이 없습니다. 이는 store setup, reducer 디자인 등 모든 것들을 사용자가 원하는대로 사용할 수 있다는 것입니다. 이러한 특징은 사용자에게 유연함을 가져다주고 코드를 원하는대로 작성하도록 도와줍니다

Redux-Toolkit and Thunk
리덕스 미들에워는 액션을 디스패치했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업들을 실행합니다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼 수 있습니다. 여기에는 Redux-Thunk 와 Redux-Saga가 있습니다. 이번 포스터에선 Redux-
리덕스 미들웨어 Thunk, Promise, TDZ
리덕스에서 미들웨어 청크의 역할은 뭘까요?프로미스는 정확히 말하면 비동기가 아닙니다. 비동기와 프로미스는 각각 무엇일까요?TDZ(Temporal Dead Zone/일시적 사각지대)란?