/the-road-to-learn-react-korean

[한국어] 리액트 도움닫기 - The the Road to learn React 무료 오픈 소스 도서 (Beta)

[튜토리얼] 리액트 도움닫기

리액트 도움닫기(원제: The Road to learn React) 한국어 공식 깃허브 리퍼지토리입니다.

목차

  1. 시작하는 글

  2. 리액트 기초 다지기

    1. 리액트를 배워야 하는 이유
    2. 준비 사항
      1. 코드에디터 · 터미널
      2. node · npm
    3. 노드 패키지 설치 · 관리
    4. 리액트 설치
      1. CDN
      2. npm
    5. create-react-app
    6. JSX 기초
    7. ES6 const · let
    8. ReactDOM
    9. Hot Module Replacement
    10. JSX 내 자바스크립트 객체 처리
    11. ES6 화살표 함수
    12. ES6 클래스

  3. 리액트 기초 향상하기

    1. 컴포넌트 내부 상태 관리
    2. ES6 객체 초기자
    3. 단방향 데이터 흐름
    4. 클래스 메서드 바인딩
    5. 이벤트 핸들러
    6. 폼과 이벤트
    7. ES6 구조해체
    8. 제어되는 컴포넌트
    9. 컴포넌트 분리
    10. 구성 가능한 컴포넌트
    11. 재사용 가능한 컴포넌트
    12. 컴포넌트 선언
    13. 컴포넌트 스타일링

  4. 외부 API 사용하기

    1. 생명주기 메서드
    2. 검색 결과 데이터 가져오기
    3. ES6 전개 연산자
    4. 조건부 렌더링
    5. Search 컴포넌트 클라이언트 · 서버 처리
    6. 페이지 매김 데이터 가져오기
    7. 클라이언트 캐시
    8. 오류 처리
    9. Axios 라이브러리 사용

  5. 컴포넌트 모듈 구성 · 테스트

    1. ES6 Import · Export
    2. ES6 모듈 구성
    3. Jest 스냅샷 테스트
    4. Enzyme 단위 테스트
    5. PropTypes 컴포넌트 인터페이스

  6. 심화: 리액트 컴포넌트

    1. Ref · DOM
    2. Loading 컴포넌트
    3. 고차 컴포넌트
    4. 심화: 정렬

  7. 심화: 리액트 상태 관리

    1. 상태 끌어올리기
    2. 심화: setState()
    3. 상태 제어

  8. 애플리케이션 배포하기

    1. Eject
    2. Heroku 배포

  9. 마치는 글

지은이 · 옮긴이

지은이

로빈 위워크 (Robin Wieruch) @rwieruch

옮긴이

이수진 (Sujin Lee) @sujinleeme

도움주신 분

참여 방법

후기쓰기

소식받기

도움받기

  • 학습 도중 도움이 필요하거나, 다른 사람을 도와주고 싶다면 "The Road to learn React" 독자 커뮤니티 슬랙에 들어오세요.
  • 한국어 사용자를 위한 채널이 열려있습니다. #road-to-react-korean 채널에서 함께 공부할 수 있습니다.

후원하기

  • 이 책의 프로젝트 후원자가 되실 수 있습니다. 후원 방법에서 자세한 내용을 확인하세요.

기여하기

  • 본문 내 오탈자를 수정하거나, 추가 설명이 필요한 경우 풀 리퀘스트(Pull Request)를 보내주세요.
  • 실습 도중 문제가 생기면 이슈(Issues)에 등록해주세요. 이슈를 게시할 때, 문제가 발생한 부분의 오류 로그 메시지, 스크린 샷, 책 페이지, 노드 버전를 함께 명시해주세요. 여러분들의 리뷰와 이슈는 콘텐츠를 개선하는데 큰 도움이 될 것입니다.

도와주신 여러분들에게 감사드립니다.

로빈(Robin)