리액트 웹 애플리케이션에서 API 서버를 연동할 때는 API 요청에 대한 상태도 잘 관리해야 한다.

• 요청이 시작되었을 때는 로딩 중임을 명시해야 한다.

• 요청이 끝났을 때는 요청 성공이나 실패를 명시해야 한다.

  • 요청이 성공하면, 서버에서 받아 온 응답에 대한 상태를 관리해야 한다.
  • 요청이 실패하면, 서버에서 반환한 에러에 대한 상태를 관리해야 한다.

리액트 프로젝트에서 리덕스를 사용하고 있으며 이러한 비동기 작업을 관리해야 한다면, 미들웨어(middleware)를 사용하여 매우 효율적이고 편하게 상태 관리를 할 수 있다.

리덕스 미들웨어의 개념을 이해하고, 미들웨어를 사용하여 비동기 작업을 처리하는 방법을 알아보자.

• 이번 실습은 다음 흐름으로 진행된다.

18-1. 작업 환경 준비

CRA(create-react-app)를 사용하여 새 리액트 프로젝트를 생성한다.