4. API 연동하기

이번 장에서는 리액트 애플리케이션에서 API 를 연동하는 방법을 배우게 됩니다. 우리가 웹 애플리케이션을 만들게 될 때 데이터를 브라우저에서만 들고 있는게 아니라, 데이터를 보존시키고, 다른 사람들도 조회 할 수 있게 하려면 서버를 만들고 서버의 API 를 사용해서 데이터를 읽고, 써야 합니다.

실제 프로젝트에서는 주로 Redux 라는 라이브러리와 Redux 미들웨어를 함께 사용하여 구현을 하는 경우가 많습니다. 이에 대해서는 나중에 공부해 볼 것이구요, 이 도구들은 API 연동을 할 때 필수적인 요소는 아닙니다. 이번에 API 연동을 배우게 될 떄에는 Redux 없이, 그냥 컴포넌트에서 API 연동을 하게 될 때 어떻게 해야 하는지 알아보고, 더 깔끔한 코드로 구현하는 방법도 다뤄보도록 하겠습니다.

이번 장을 진행하기 전에는, 자바스크립트의 비동기 처리 에 대한 기본적인 개념을 숙지하고 있어야 합니다. Promise 와 async/await 에 대하여 잘 모르신다면, 이 링크 를 통하여 기본적인 개념을 공부하신 다음에 이 튜토리얼을 진행해주세요.