4강: 리덕스 미들웨어와 외부 데이터 연동

이번 강의에서 다룰 주제는 리덕스 미들웨어를 사용하여 외부 데이터를 연동하는 방법을 다뤄보겠습니다.

외부 데이터를 연동하기 위해서 리덕스, 그리고 리덕스 미들웨어들이 꼭 필요한것은 아닙니다. 리액트 컴포넌트와 내부 state 만을 사용하여 모든 것 들을 할 수 있어요. 하지만, 좋은 도구들과 함께하면 좋은 개발자경험 (Developer Experience)이 따라옵니다.

어플리케이션을 만듬에 있어서는, UX 도 매우 중요하지만, 이를 개발하는 개발자들의 정신건강을 위하여, 개발자경험 또한 놓칠 수 없습니다. 네트워크 요청의 상태 관리와 전달받은 데이터 상태 관리를 효율적이고 쉽게 할 수 있도록, 몇몇 방법을 배워보도록 하겠습니다.

이번 강의는 3 파트로 나뉘어져있습니다.

1. 미들웨어(Middleware) 이해하기

리덕스 미들웨어가 어떤 역할인지 이해를 하는 챕터입니다. 그리고 또, 미들웨어를 직접 만들어보기도하고, NPM 에서 미들웨어를 설치하여 적용하는 방법을 알아보겠습니다.

2. 비동기 작업을 처리하기 위한 미들웨어 사용해보기

리덕스에서 비동기 작업을 처리 할 때 사용 되는 미들웨어들을 알아보는 섹션입니다. 이 챕터에선 redux-thunk, redux-promise-middleware, 그리고 redux-pender 를 다룹니다.

3. REST API 기반 메모 어플리케이션 만들어보기

JSON Server 를 사용하여 가짜 REST API 서버를 만들고 이 서버를 사용하여 리액트에서 메모 앱을 구현해보겠습니다.

이 부분은 시간절약을 위하여 오프라인 강의에서는 제외되었습니다.

4. NASA APOD 에 Redux 끼얹기

이전에 작업한 NASA 에서 오늘의 사진 프로젝트에 Redux 를 적용하는 부분을 다룹니다.