Redux 를 통한 React 어플리케이션 상태 관리 :: 목차


이번에 다룰 주제는 Redux 입니다. 리액트를 공부하다보면 한번쯤은 거쳐가야 할 관문이죠. 처음에 공부 할 때는 좀 어렵습니다. 초반엔 왜 사용해야 하나 싶기도 하고 오히려 복잡해지는것 같기도 합니다. 하지만 사용을 하다보면 정말 간단하면서도 편하고, 또 강력한 라이브러리라는것을 깨닫게 됩니다.

이 문서는 패스트 캠퍼스 오프라인 강의를 위해서 준비된 문서이기에, 리덕스의 기초 지식들은 생략되어있습니다.

React 에 대한 이해가 부족하다면 https://velopert.com/1225 를 참고하시면 도움이 됩니다.

리덕스 소개에 대한 동영상은 현재 준비중입니다. 이전 버전 동영상의 경우 여기를 참조하시면 도움이 될 수도 있습니다.

그리고, 5장에서 다루는 프로젝트는 패스트 캠퍼스 리액트 기초 수업에서 만든 프로젝트입니다. 강의에 참석하지 않으신 독자분들은 프로젝트를 클론해서 진행하면 됩니다. 해당 주소록 프로젝트에 대한 강좌는 추후 공개하겠습니다.

이 강좌에서는, 리액트에서 리덕스를 사용하는 방법부터 시작해서 리덕스를 더욱 편리하게 사용하는 방법을 알아보도록 하겠습니다.

 

목차

1. 카운터 만들기

react-redux 를 사용하여 리액트 프로젝트에 리덕스를 설정하는 방법을 알아보고, 숫자를 빼고 더하는 아주 간단한 카운터를 만듭니다.

2. 멀티 카운터 만들기

상태가 조금 더 복잡해진, 여러개의 카운터를 동시에 관리하는 프로젝트를 만듭니다.

3. Immutable.js 익히기

Immutable.js 라이브러리를 통하여 리듀서를 더욱 쉽게 작성하는 방법을 알아봅니다.

4. Ducks 구조와 react-actions 익히기

ducks 구조를 통하여 프로젝트 파일 구조를 더 간단하게 만들고, react-actions 을 통하여 리덕스를 더욱 쉽게 사용하는 방법을 배워보도록 하겠습니다.

5. 주소록에 Redux 끼얹기

이전에 만들었던 주소록 어플리케이션에 Redux 를 끼얹겠습니다.

  • 김성민

    항상 자료들 감사합니다 코딩영상도 유튜브 통해서 잘 보고있습니다!~

  • Pete Kim

    react에 관한한 정말 선구자적으로 도와주시네요. 정말 감사합니다.