![Slack](https://camo.githubusercontent.com/06346c03b73e2d993ca1bc088f57fd40d981c69acab512d3fcd6e2d880442124/68747470733a2f2f736c61636b2d7468652d726f61642d746f2d6c6561726e2d72656163742e776965727563682e636f6d2f62616467652e737667)
리액트 도움닫기(원제: The Road to learn React) 한국어 공식 깃허브 리퍼지토리입니다.
-
시작하는 글
-
리액트 기초 다지기
- 리액트를 배워야 하는 이유
- 준비 사항
- 코드에디터 · 터미널
- node · npm
- 노드 패키지 설치 · 관리
- 리액트 설치
- CDN
- npm
- create-react-app
- JSX 기초
- ES6 const · let
- ReactDOM
- Hot Module Replacement
- JSX 내 자바스크립트 객체 처리
- ES6 화살표 함수
- ES6 클래스
-
리액트 기초 향상하기
- 컴포넌트 내부 상태 관리
- ES6 객체 초기자
- 단방향 데이터 흐름
- 클래스 메서드 바인딩
- 이벤트 핸들러
- 폼과 이벤트
- ES6 구조해체
- 제어되는 컴포넌트
- 컴포넌트 분리
- 구성 가능한 컴포넌트
- 재사용 가능한 컴포넌트
- 컴포넌트 선언
- 컴포넌트 스타일링
-
외부 API 사용하기
- 생명주기 메서드
- 검색 결과 데이터 가져오기
- ES6 전개 연산자
- 조건부 렌더링
- Search 컴포넌트 클라이언트 · 서버 처리
- 페이지 매김 데이터 가져오기
- 클라이언트 캐시
- 오류 처리
- Axios 라이브러리 사용
-
컴포넌트 모듈 구성 · 테스트
- ES6 Import · Export
- ES6 모듈 구성
- Jest 스냅샷 테스트
- Enzyme 단위 테스트
- PropTypes 컴포넌트 인터페이스
-
심화: 리액트 컴포넌트
- Ref · DOM
- Loading 컴포넌트
- 고차 컴포넌트
- 심화: 정렬
-
심화: 리액트 상태 관리
- 상태 끌어올리기
- 심화:
setState()
- 상태 제어
-
애플리케이션 배포하기
- Eject
- Heroku 배포
-
마치는 글
로빈 위워크 (Robin Wieruch) @rwieruch
이수진 (Sujin Lee) @sujinleeme
- 아마존과 굿리드에서 여러분의 서평과 후기를 남겨주세요.
- 도서 수정 관련 소식은 이메일과 트위터를 통해 전하고 있습니다.
- 학습 도중 도움이 필요하거나, 다른 사람을 도와주고 싶다면 "The Road to learn React" 독자 커뮤니티 슬랙에 들어오세요.
- 한국어 사용자를 위한 채널이 열려있습니다.
#road-to-react-korean
채널에서 함께 공부할 수 있습니다.
- 이 책의 프로젝트 후원자가 되실 수 있습니다. 후원 방법에서 자세한 내용을 확인하세요.
- 본문 내 오탈자를 수정하거나, 추가 설명이 필요한 경우 풀 리퀘스트(Pull Request)를 보내주세요.
- 실습 도중 문제가 생기면 이슈(Issues)에 등록해주세요. 이슈를 게시할 때, 문제가 발생한 부분의 오류 로그 메시지, 스크린 샷, 책 페이지, 노드 버전를 함께 명시해주세요. 여러분들의 리뷰와 이슈는 콘텐츠를 개선하는데 큰 도움이 될 것입니다.