생활코딩은 일반인에게 프로그래밍을 알려주는 것을 목적으로 하는 비영리 교육 활동으로, 이 책은 생활코딩에서 제공하는 수업 가운데 WEB3 - React 수업을 정리한 책입니다._x000D_
_x000D_
이 수업은 프로그래밍을 처음 시작하는 분들의 눈높이에 맞게 만들어진 강의로서 동영상이나 텍스트만으로도 학습할 수 있게 만들어져 있습니다. 이 책에서는 동영상 수업 내용을 토대로 개발 환경을 최신 내용으로 반영하고 수업 내용을 좀 더 이해하기 쉽게 다듬고 정리했습니다._x000D_
_x000D_
이 책을 모두 읽고 나면 리액트를 기반으로 현대적인 웹 애플리케이션 UI를 개발하는 능력을 갖출 수 있을 것입니다._x000D_
_x000D_
★ 이 책에서 다루는 내용 ★_x000D_
_x000D_
◎ 리액트 기초_x000D_
◎ 클래스 스타일 vs. 함수 스타일_x000D_
◎ React Router DOM_x000D_
◎ React & Ajax_x000D_
◎ React Redux_x000D_
_x000D_
_x000D_
★ 참고 자료 ★_x000D_
_x000D_
◎ 생활코딩 강의 WEB3 - React: https://opentutorials.org/module/4058 _x000D_
◎ 동영상 및 예제 코드 페이지: https://wikibook.github.io/react/_x000D_
_x000D_

▣ 1장: 리액트 기초 편_x000D_
01 수업 소개_x000D_
02 리액트 공부 전략_x000D_
03 개발 환경의 종류_x000D_
04 npm을 이용한 Create React App 설치_x000D_
05 Create React App을 이용한 개발 환경 구축_x000D_
06 샘플 웹앱 실행하기_x000D_
07 자바스크립트 코딩하는 법_x000D_
08 CSS 코딩하는 법_x000D_
09 배포하는 법_x000D_
10 리액트가 없다면?_x000D_
11 컴포넌트 만들기_x000D_
12 props_x000D_
13 React Developer Tools_x000D_
14 컴포넌트를 파일로 분리하기_x000D_
15 state_x000D_
16 이벤트 state props와 render 함수_x000D_
17 컴포넌트 이벤트 만들기_x000D_
18 베이스 캠프_x000D_
19 Create 구현_x000D_
20 Update_x000D_
21 Delete 구현_x000D_
22 수업을 마치며_x000D_
_x000D_
▣ 2장: 리액트 클래스 스타일 vs. 함수 스타일 편_x000D_
01 수업 소개_x000D_
02 수업의 목표_x000D_
03 state_x000D_
04 클래스에서 라이프사이클 구현하기_x000D_
05 총정리 겸 수업을 마치며_x000D_
_x000D_
▣ 3장: React Router DOM 편_x000D_
01 수업 소개_x000D_
02 실습 준비_x000D_
03 Router_x000D_
04 Link_x000D_
05 Nested Routing_x000D_
06 수업을 마치며_x000D_
_x000D_
▣ 4장: React & Ajax 편_x000D_
01 수업 소개_x000D_
02 실습 준비_x000D_
03 Ajax로 컴포넌트 초기화하기_x000D_
04 Ajax로 컴포넌트 상태 변경하기_x000D_
05 프레젠테이션 컨테이너에서 데이터 종속성 제거하기_x000D_
06 로딩 중 기능 구현 & 수업을 마치며_x000D_
_x000D_
▣ 5장: React Redux 편_x000D_
01 수업 소개_x000D_
02 수업 계획_x000D_
03 Redux 없는 React 컴포넌트 구조 만들기_x000D_
04 Redux 도입_x000D_
05 리액트 컴포넌트에서 리덕스에 종속된 기능을 제거_x000D_
06 react-redux가 필요한 이유_x000D_
07 수업을 마치며_x000D_

이고잉_x000D_
생활코딩 운영자_x000D_
오픈튜토리얼스(https://opentutorials.org/) 운영진_x000D_