# thunk
[리덕스] 리덕스 정리
리덕스는 액션이 날라오면 리듀서가 스토어의 상태를 변경시키는 방식으로 동작한다. 덕스(Ducks)구조 보통 리덕스를 사용할 때는 모양새대로 action, actionCreator reducer 를 분리해서 작성한다. ex) 액션은 액션끼리 액션생성함수는 생성함수끼리

Redux Tool kit 총정리
이 글은 공식 문서와 블로그 1, 블로그 2, 블로그 3에 있는 내용을 바탕으로 작성한 글입니다. 아직 공부량이 적어 부족한 점이 많으니 적극적으로 알려주시면 감사하겠습니다. 먼저, 예시로 사용되는 간단한 코드와 제가 직접 구현한 코드를 혼용하여 사용하는 것에 양해 부

[React] react-redux 비동기 처리 - thunk, saga
react-redux에서 로그인과 같은 비동기 작업을 해야 할 때는위 흐름과 같이 진행되어야 했다. 하지만 비동기 작업을 redux-thunk라는 미들웨어를 통해 비동기 작업을 조금 더 편리하게 관리할 수 있다../redux-action.js 파일에서 thunk 액션을
[React] 상태 관리(2) - redux 편
redux를 왜 꼭 써야할까... 라는 생각을 react 학습 초기에 참 많이 가지고 있었다. 물론 react가* 단방향 데이터 바인딩* 때문이라는 것을 알고 있지만, 회사에서도 결제를 올려고 하면 상위의 결정권자들을 거쳐야 하기에, 작은 일이든(모든 업무는 중요합
[React] 상태관리(1) - Recoil 편
개인적으로 요즘 조급함이 생겨 학습한 것들에 대한 정리를 별도로 하질 못했었다. react--> react-native로 사용 스택이 변경되면서 정리까지 해가며, 학습할 마음이 없었달까.. 무튼 각설하고 나는 recoil, redux(thunk), Context A
Redux-Thunk
이번 시간에는 전에 만든 TodoApp에 redux-thunk 미들웨어를 사용하여비동기적으로 리스트를 생성하는 작업을 진행하였다.첫번째npm i redux-thunk위 처럼 thunk를 npm으로 설치해도 되고, 따로 작성해도 됀다.따로 작성하더라도 몇 줄 되지 않으니
[React] 17. Redux-Thunk
오늘은 Redux-Thunk에 대해 알아 보겠습니다.redux-thunk는 리덕스에서 비동기 작업을 처리 할 때 가장 많이 사용하는 미들웨어입니다. 이 미들웨어를 사용하면 액션 객체가 아닌 함수를 디스패치 할 수 있습니다const thunk = store => next

react -redux(thunk) case #3
이전포스팅까지에서는 tag.js라는 하나의 파일에서 action, reducer, thunk함수까지 모두 한번에 작성하였다.오늘은 좀 더 보기 편하게, 유지보수가 편하게! 리팩토링을 해보자! 🔥파일의 구성은 해당 컴포넌트 단위에서 쓰일 actions, reducer,

Redux-Thunk (middleware)
React는 UI를 작성하기 위한 자바스크립트 라이브러리입니다. React는 Redux와 자주 사용되곤 합니다. Redux는 전역 상태를 관리하기 위한 라이브러리입니다. 이 두 개의 라이브러리를 사용하여도 비동기적으로 API(Back-end)를 호출하는 것 또는 다른
Laravel + React.JS를 이용한 비동기 방식의 관리자 페이지 만들기(laravel을 API 데이터 서버로 사용)
laravel에 React.JS를 사용하여 만들었던 프로젝트였으나... 중단이 되어버려서 정리하여 개인공부를 겸하여 누군가에게는 도움이 될까하고 이 글을 작성해봅니다. > 부족한 점이 많은 방식입니다. 설명 또한 매우 부족할 것입니다. 이러한 부분에 대해서 이 글을