# redux thunk

27개의 포스트

React(2)

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

2021년 9월 4일
·
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개의 댓글
post-thumbnail

React-Express Velog Clone Renewal (with redux & redux-thunk)

배포 : http://hyeon4137.shop/ 코드 : https://github.com/DanHumphry/Velog_Refactoring > 🚨 주의 : 해당 포스트는 해당 시리즈의 과거 코드와 최근 코드를 비교합니다. > production 코드가 아닌

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

[Redux] 리덕스 미들웨어와 Redux Thunk

Let's Learn Redux Middleware w/ Redux Thunk!

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

React_상태 관리

React에서 Redux를 사용한 상태 관리

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

Redux-Thunk 활용하기 - 2

Redux와 Middleware의 개념은 쉽게 검색하여 공부할 수 있지만, 간단히 정리해보고 넘어가보도록 하자.Redux는 Flux 패턴 기반의 전역 상태 관리 라이브러리의 일종이다. Redux를 이해하기 위해선 Flux 구조의 디자인 패턴을 먼저 이해해야한다.고등학교

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

Redux-Thunk 활용하기 - 1

이번 프로젝트를 하면서 클라이언트단에서 다양한 REST API 콜을 해야 했다.로그인/회원가입/포스팅/포스트 불러오기 등의 REST API를 백엔드로 구현을 했고, Postman과 디바이스로 통신을 확인해야 했다.하지만 컴포넌트 상에서 매번 Axios 콜을 하는 것은

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

Redux-Thunk

이번 시간에는 전에 만든 TodoApp에 redux-thunk 미들웨어를 사용하여비동기적으로 리스트를 생성하는 작업을 진행하였다.첫번째npm i redux-thunk위 처럼 thunk를 npm으로 설치해도 되고, 따로 작성해도 됀다.따로 작성하더라도 몇 줄 되지 않으니

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

TIL [리덕스 비동기 Redux-Thunk / Cmarket-redux 코드 분석]

리덕스 미들웨어를 사용하면 리액트와 외부 데이터를 연동할 수 있다. 사실 외부 데이터와의 연동없이 리액트 컴포넌트와 내부 state만을 이용해서 모든 것들을 할 수 있기 때문에 미들웨어가 꼭 필요한 것은 아니다. 하지만 미들웨어를 이용하면 우리의 어플리케이션 개발을 좀

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

redux/toolkit과 thunk 기본개념 연습

리덕스 툴킷과 청크 그리고 axios를 학습하면서 가장기본적인 POST, PUT, GET, DELETE를 테스트 해보았다. 지금까지는 내가 직접 data배열을 만들어서 프론트에서 직접 사용하였지만 이번에는 json파일에서 직접 보내고 받아오는 과정이다.기본개념을 빠르게

2021년 1월 27일
·
2개의 댓글
post-thumbnail

Redux + Redux-thunk 동작원리

https://redux.js.org/assets/images/ReduxDataFlowDiagram-49fa8c3968371d9ef6f2a1486bd40a26.gif위의 이미지가 redux 동작원리의 전부입니다. (미들웨어가 빠졌지만 이는 뒤에서 설명하겠습니다

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

💙 React 활용법 핵심 요약

이 글은 "리액트를 다루는 기술(김민준, 길벗)"을 요약한 글입니다. 많은 예제 코드들이 이 책에서 인용되었습니다. 자세하고 정확한 내용을 확인하시려면 책을 직접 구매해 읽어보시기를 추천드립니다.

2020년 12월 3일
·
0개의 댓글

redux-thunk, redux-saga 이용하기

외주 프로젝트를 진행하다보니 컴포넌트 내부에 있었으면 하는 로직들이 saga쪽에 있게 되는 문제가 발생하였다. 완벽하게 문제를 해결하지는 못하였지만, 만들어놓은 helper함수와 같이 사용할 수 있는 방법을 찾았고 모두 동의하였다. (+프로젝트에서 redux를 어떻게

2020년 10월 26일
·
0개의 댓글
post-thumbnail

Redux-Thunk vs Redux-Saga 한국어

본 게시물은 Medium의 Redux-Thunk vs Redux-Saga을 한글 번역한 글입니다. 약간의 의역이 포함되어 있습니다.요즘에는 많은 동적 웹 애플리케이션에서 비동기 작업을 사용합니다. 당신은 React 개발자로서 아마 경력 내내 Redux-Thunk를 사용

2020년 10월 14일
·
0개의 댓글

[Redux] Redux-thunk

출처는 공식 문서와 Udemy의 Modern React with Redux [2020 Update] 강의 입니다. 공식 문서 : https://ko.redux.js.org/ Udemy 강의 : https://www.udemy.com/ 공식 페이지 설명 (출처 : https://ko.redux.js.org/basics/reducers) _Reducer가 반...

2020년 10월 7일
·
0개의 댓글
post-thumbnail

'리액트를 다루는 기술' 18장, 리덕스 미들웨어를 통한 비동기 작업 관리(1/2)

# 🙄 미들웨어란? ## 미들웨어 코드의 기본 구조 ## 로그 남기는 미들웨어 코드 # 😎 비동기 작업을 처리하는 미들웨어 ## Redux-Thunk ### Exercise ## Redux-Saga

2020년 9월 9일
·
0개의 댓글