정리

이번 챕터에서는 리액트 프로젝트에서 API 를 연동하는 방법에 대해서 알아보았습니다. 컴포넌트 내부에서 Hooks 를 사용하는것 부터 시작해서 Context 와 함께 사용하는것도 알아보고, 마지막으로 유틸 함수 몇가지를 만들어서 코드를 간결하게 만들어주었지요.

대부분의 애플리케이션에서는 이번 챕터에서 배운 내용을 활용하면 API 를 연동해서 개발을 하게 될 때 큰 어려움 없이 진행 할 수 있을 것입니다.

그런데, API 연동을 하게 될 때, Redux 또는 MobX 와 같은 상태 관리 라이브러리를 함께 사용하기도 하는데요, 해당 라이브러리들을 사용했을 때의 이점은 (Redux의 경우) 조금 더 체계적으로 비동기 관련 액션들을 관리 할 수 있고, redux-saga 와 redux-observable 같은 미들웨어 라이브러리들을 사용하여 복잡한 비동기 작업을 조금 더 편하게 처리 할 수 있다는 점 입니다.

추가적으로, 나중에 서버사이드 렌더링을 구현하게 될 시 서버에서 들고 있는 데이터를 쉽게 보존하여 그대로 브라우저에게 전달 하게 되는 과정이 훨씬 쉬워지기도 합니다.

이 강의에서는, Redux / MobX 에 대해서는 나중에 자세히 알아보도록 하겠습니다. (아직 해당 관련 튜토리얼이 진행되어있지 않습니다. 미리 알아보고 싶으시다면 이 링크 를 참조해주세요.)