24.2.3 API 연동하기

이제 API를 연동해 봅시다. axios를 사용하여 API를 연동하겠습니다. 그리고 리덕스에서 비동기 작업을 쉽게 관리하기 위해 redux-saga와 이전에 만들어서 사용했던 createRequestSaga 유틸 함수를 이용하겠습니다.

먼저 필요한 라이브러리를 설치해 주세요.

$ yarn add axios redux-saga

이번 프로젝트에서 사용되는 API의 수가 적은 편이므로 모든 API를 함수로 만들고 하나의 파일에 넣어서 관리해도 큰 지장은 없습니다. 하지만 유지 보수성을 더 높이기 위해 기능별로 파일을 나누어서 작성하겠습니다.

src/lib/api 디렉터리를 만들고 그 안에 기능별로 파일을 따로따로 생성하겠습니다.