리덕스 툴킷 (1) 썸네일형 리스트형 [react & RTK] React Toolkit 비동기 작업 처리하기(createAsyncThunk) Redux reducer에는 순수하고 Side-effects(데이터 요청(fetch) 등의 비동기 작업, 브라우저 캐시, 로컬스토리지, setTimeout 등)이 없으며 동기적인 기능이 들어있어야 한다. 따라서 비동기적인 로직은 컴포넌트 내부(ex. useEffect()) 또는 action creators 안에서만 사용해야 한다. 하지만 우리가 주로 만드는 애플리케이션은 다양한 API 요청들을 수반하여 Side-effects라는 것은 반드시 존재하기에 현재 저장소의 상태를 디스패치하거나 확인하여 비동기 논리가 저장소와 상호작용하도록 해야 하는데, 이를 가능하게 해주는 것이 Redux의 미들웨어이다. Redux에는 여러 종류의 비동기 미들웨어가 있으며 각각 다른 구문을 사용하여 논리를 작성할 수 있다. 가.. 이전 1 다음
