# redux thunk

61개의 포스트
post-thumbnail

React Redux middleware

소프트웨어 공학에서 미들웨어란 운영체제와 응용 소프트웨어 중간에서 조정과 중개의 역할을 수행하는 소프트웨어를 말한다.리덕스 미들웨어는 액션을 디스패치 했을 때 리듀서에서 이를 처리하기에 앞서 사전에 지정된 작업을 실행한다. 미들웨어는 액션과 리듀서 사이의 중간자라고 볼

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

redux-toolkit, redux-thunk

react todo list with redux-toolkit & redux-thunk

2023년 9월 4일
·
0개의 댓글
·
post-thumbnail

[Next.js] Next.js 13버젼 + Redux Thunk

Redux Thunk 로 리덕스에서 비동기 호출을 해보자

2023년 8월 10일
·
4개의 댓글
·

230717 React로 Netflix 넷플릭스 사이트 만들기

오늘 알고갈 것들..useDispatch() & useSelector()api 및 axios 사용법References:https://velog.io/@smooth97/Netflix-Clone-1-API-Root Folder:YJ\\YJ-github\\GMA\\

2023년 7월 17일
·
0개의 댓글
·
post-thumbnail

[Redux] Redux-Thunk로 프로미스 다루기

Redux-Thunk로 프로미스 다루기

2023년 7월 11일
·
0개의 댓글
·

Redux Thunk란 무엇인가요?

Redux Thunk는 Redux와 함께 사용되는 미들웨어 라이브러리로, 비동기 작업을 처리하기 위한 방법 중 하나입니다. Redux Thunk를 사용하면 액션 크리에이터(액션 생성 함수)에서 일반적인 액션 객체 대신 함수를 반환할 수 있습니다.Redux Thunk를

2023년 6월 25일
·
0개의 댓글
·
post-thumbnail

Redux에서 벗어나기

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

2023년 5월 5일
·
0개의 댓글
·

redux - redux thunk

Redux 미들웨어(Middleware)의 일종으로, 비동기 작업을 처리하기 위해 Redux 액션 객체 내에서 함수를 반환할 수 있게 한다. Redux Thunk를 사용하면 Redux 액션 객체를 반환하는 대신에, 함수를 반환할 수 있으며, 이 함수는 Redux 디스패

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

3월21일(화) Redux-Thunk

미들웨어의 개념에 대해 알아본다.Redux 구조에서 비동기를 다루는 기술(미들웨어)인 Thunk에 대해 알아보고, 사용해본다.(1) 미들웨어란? 이미지 출처 : 벨로퍼트 모던 리액트 깃북리덕스에서 dispatch를 하면 action 이 리듀서로 전달이 되고, 리듀서는

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

[React] Redux - 비동기 처리 (saga, thunk)

말머리 Notification(알림) 기능을 만들면서 접하게된 이슈와 해결 한 방법을 정리한다. 비동기 처리 상황은 아래와 같다. > 게시글에 댓글 달림 게시글의 작성자에게 알림 보냄 (이건 실시간이 필요 없다 생각해서 DB Table로 만듬) 알림 확인 및 알림 제

2023년 3월 9일
·
0개의 댓글
·

리덕스 미들웨어(Redux middleware)

Redux 미들웨어는 액션을 dispatch 전달하고 리듀서에 도달하는 순간 사이에 사전에 지정된 작업을 실행할 수 있게 해주는 중간자이다.로깅, 충돌 보고, 비동기 API와 통신, 라우팅 등을 위해 Redux 미들웨어를 사용한 다.

2023년 3월 7일
·
0개의 댓글
·

리팩토링 4 Redux toolkit & thunk

리팩토링 이전에는 컴포넌트 안에서 api 호출, redux dispatch, 에러 처리등을 모두 수행하였다. 컴포넌트의 기능이 점점 복잡해짐에 따라 api 호출 뒤 동작이 매우 복잡해졌다. 또한 하나의 api로 해결이 되지 않고 여러 api를 통해 원하는 동작을 구현하

2023년 2월 26일
·
0개의 댓글
·
post-thumbnail

한 주의 정리 - WIL

이번주(2월 20일 ~ 2월 26일)은 리액트 심화부터 백엔드와 프론트가 만나 처음 서로의 언어로 토이 프로잭트를 만드는 날이었다.1\. 리덕스 청크는 리덕스에서 많이 사용하고 있는 미들웨어중에 하나이다. thunk를 사용하면 dispatch를 할때 객체가 아닌 함수

2023년 2월 26일
·
0개의 댓글
·

Redux-thunk 이해하기

Next-js에서 Redux-thunk 사용

2023년 2월 24일
·
0개의 댓글
·
post-thumbnail

Weather🌤️ 프로젝트(with react, redux, node.js) 후기

공공 데이터를 활용해 날씨 정보를 알려주는 웹사이트를 만든 weather 프로젝트 후기

2023년 2월 7일
·
1개의 댓글
·
post-thumbnail

redux-thunk 와 redux-saga

redux-thunk와 redux-saga를 비교 분석한 글

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

React - Redux Thunk (feat. redux-actions)

thunk란, 특정 작업을 나중에 하도록 미루기 위해서 함수형태로 감싼것을 칭합니다. 리덕스는 기본적으로 액션 객체를 디스패치합니다.일반 액션 생성자는 파라미터를 가지고 액션 객체를 생성하는 작업만 합니다. 따라서 특정 액션이 몇초뒤에 실행되게 하거나, 현재 상태에 따

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

Redux-saga와 Redux-thunk

비동기 작업을 처리할 때 가장많이 사용하는 미들웨어입니다. 객체가 아닌 함수 형태의 액션을 디스패치할 수 있게 해줍니다.이것도 thunk와 마찬가지로 비동기 작업 관련 미들웨어 입니다.특정 액션이 디스패치되었을 때 정해진 로직에 따라 다른 액션을 디스패치시키는 규칙을

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

타입스크립트로 Redux 구성하기

이번에는 최근들어 react를 다시한번 상기시키자는 마음으로 내가 2년동안 보고있는 책, 리액트를 다루는 기술에 나와있는 프로젝트를 한번 만들어보면서 하고 있는 내용을 정리해보려고 한다. 바로 타입스크립트로 Redux를 구성하는 방법을 정리해보려고 한다. 사실 이 책에

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

Redux-Toolkit Usage Guide2

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

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