[React] Redux-thunk: 미들웨어를 통한 비동기 처리
리액트 웹 App에서 API 서버를 연동할 때는 API 요청에 대한 상태도 잘 관리해야 한다. 예를 들어, 요청이 시작되었을 때는 로딩 중임을, 요청이 성공하거나 실패했을 때는 로딩이 끝났음을 명시해야 한다. 요청이 성공하면 서버에서 받아 온 응답에 대한 상태를 관리하고, 요청이 실패하면 서버에서 반환한 에러에 대한 상태를 관리해야 한다. 리액트 프로젝트에서 리덕스를 사용하고 있으며 이러한 비동기 작업을 관리해야 한다면, 미들웨어를 사용하여 매우 효율적이고 편하게 상태 관리를 할 수 있다. 우선, 미들웨어를 사용해보기 전에 간단한 작업 환경을 만들어주자. 작업 환경 준비 리덕스로 상태를 관리하는 간단한 카운터 예제를 우선 만들고, 그 위에 미들웨어를 적용해보자. ◎modules/counter.js imp..
WEB/React 2023. 4. 3. 14:44
최근에 올라온 글
최근에 달린 댓글
TAG
- react-native
- 인천 구월동 이탈리안 맛집
- await
- redux-thunk
- 이탈리안 레스토랑
- Promise
- 인천 구월동 맛집
- 파니노구스토
- 맛집
- Async
- redux
- react
- AsyncStorage
- javascript
- 정보보안기사 #실기 #정리
- Total
- Today
- Yesterday