개발 공부

redux-saga- redux-saga는 redux-thunk 다음으로 많이 사용하는 비동기 작업 관련 미들웨어다. - redux-thunk는 함수 형태의 액션을 디스패치해 미들웨어에서 해당 함수에 스토어의 dispatch와 getState를 파라미터로 넣어서 사용하는 원리로, 구현한 thunk 함수 내부에서 원하는 API 요청도 하고, 다른 액션을 디스패치하거나 현재 상태를 조회하기도 했다.- 대부분의 경우에는 redux-thunk로 충분히 기능을 구현할 수 있으나, redux-saga는 좀 더 까다로운 상황에서 유용하다. 1. 기존 요청을 취소 처리해야 할 때(불필요한 중복 요청 방지) 2. 특정 액션이 발생했을 때 다른 액션을 발생시키거나, API 요청 등 리덕스와 관계 없는 코드를 실행할 때 3..

redux-thunk- 리덕스 사용 프로젝트에서 비동기 작업을 처리할 때 가장 기본적으로 사용하는 미들웨어 * thunk- thunk는 특정 작업을 나중에 할 수 있도록 미루기 위해 함수 형태로 감싼 것을 의미함. const addOne = x => x + 1;const addOneThunk = x => () => addOne(x);const fn = addOneThunk(1);setTimeout(() => { const value = fn(); // fn이 실행되는 시점에 연산 console.log(value);}, 1000); redux-thunk 함수 예시const sampleThunk = () => (dispatch, getState) => { // 현재 상태를 참조할 수 있고, ..