IT 전문서
리액트 도움닫기
리액트 입문자부터 전문가에 이르기까지 관심있는 학생, 전문가 모두가 읽을 수 있는 책
{{tag.text}}

by  이수진

기획 의도

'리액트 도움닫기'는 리액트의 전반적인 기초 내용을 다룬 책입니다. 복잡한 도구를 설치하지 않아도 리액트 만으로도 실제 애플리케이션을 만드는 것이 목적입니다. 이 책은 프로젝트 시작부터 서버 배포까지 모든 내용을 담고 있습니다. 각 장의 마지막 부분에 실습과 참고자료가 수록되어 있습니다. 이 책을 마친 독자들은 리액트로 나만의 애플리케이션을 만들어 볼 수 있을 겁니다. 이 책의 저자인 로빈 위어크(Robin Wieruch)와 커뮤니티가 유지 및 관리하고 있습니다.
출간일 2018-03-20
종이책 0 페이지
가격 웹북 : 0
(현재까지 823권이 판매되었습니다.)
구매하기

책소개

'리액트 도움닫기(원제: The Road to learn React)'는 리액트React 입문자를 위한 책입니다. 리액트 설치부터 기초, 서버 배포까지, 리액트 개발 전 과정을 설명합니다. 나아가 유지 관리하기 쉬운 애플리케이션 개발을 위해 리액트 디자인 패턴과 모범 사례를 소개합니다. 각 절마다 추가로 실습과 추천 읽기 자료를 제시했습니다.

이 책의 목적은 리액트만으로도 훌륭한 애플리케이션을 만드는 것입니다. 따라서 외부 상태 관리 라이브러리와 도구를 다루지 않습니다. 무엇보다 기초가 튼튼해야 더 넓은 리액트 세계로 뛰어들 수 있기 때문입니다.

앞으로 여러분들은 이 책을 읽으며 '해커 뉴스 애플리케이션'을 직접 만들어 볼 것입니다. 검색과 정렬, 페이지네이션, 클라이언트 캐시 기능도 구현해보며 리액트 기초 지식을 튼튼히 쌓을 것입니다. 이전에 자바스크립트 ES5를 사용했다면 자바스크립트 ES6로 전환하는 계기가 될 것입니다. 저는 독자 여러분들이 리액트와 자바스크립트에 재미와 흥미를 느꼈으면 합니다. 그리고 이 책을 도움닫기 삼아 다음 단계로 껑충 뛰어가길 바랍니다.


배울 내용

  • 리액트 앱 개발하기 - 해커 뉴스 애플리케이션
  • 환경 설정
  • create-react-app 으로 리액트 애플리케이션 시작
  • 효율적인 코드 작성
  • setState()로 내부 상태 관리
  • 자바스크립트 ES5에서 ES6으로 문법 전환
  • setState 및 생명주기 메소드 API 사용
  • 해커 뉴스 API와 인터렉션
  • 사용자 인터렉션
    • 클라이언트 사이드 정렬
    • 클라이언트 사이드 필터링
    • 서버 사이드 검색
  • 클라이언트 사이드 캐싱 구현
  • 고차 함수와 고차 컴포넌트
  • Jest 컴포넌트 테스트
  • Enzyme 단위 컴포넌트 테스트
  • 라이브러리 사용
  • 실습과 참고자료 읽기
  • 학습 내용 되새기기 및 강화하기
  • 애플리케이션 배포



지은이| 로빈 위어크Robin Wieruch 

로빈은 독일 출신 소프트웨어 엔지니어이자 자바스크립트 선생님 그리고 프리랜서로 활동하고 있습니다. 전 세계 학생들을 가르치며 그들이 성장하는 모습에 보람을 느끼고 있습니다.


 옮긴이 | 이수진Sujin Lee 

이 책을 한국어로 옮긴 수진은 소리와 색으로 빚는 인터렉티브 웹 애플리케이션 개발에 관심이 많은 프론트엔드 개발자입니다.  그녀의 꿈은 모든 사람들이 음악 원리를 탐색하고 창의적인 음악적 경험을 줄 수 있는 웹 애플리케이션을 만드는 것입니다. 그 꿈을 이루고자 현재 서울대학교 융합과학기술대학원 디지털 정보융합과정 석사 과정에 재학 중입니다. 서울대학교 융합과학기술대학원 음악 오디오 연구실 소속으로 웹 오디오 기술 연구와 음악 정보 추출 연구를 하고 있습니다.



목차
서문 시작하는 글
저자소개 지은이 · 옮긴이
추천사
1. 리액트 기초 다지기
1.1 리액트를 배워야 하는 이유
1.2 준비사항
1.3 노드 패키지 설치 · 관리
1.4 리액트 설치
1.5 create-react-app
1.6 JSX 기초
1.7 ES6 const · let
1.8 ReactDOM
1.9 Hot Module Replacement
1.10 JSX 내 자바스크립트 객체 처리
1.11 ES6 화살표 함수
1.12 ES6 클래스
1.13 정리하면
2. 리액트 기초 향상하기
2.1 컴포넌트 내부 상태 관리
2.2 ES6 객체 초기자
2.3 단방향 데이터 흐름
2.4 클래스 메서드 바인딩
2.5 이벤트 핸들러
2.6 폼과 이벤트
2.7 ES6 구조해체
2.8 제어되는 컴포넌트
2.9 컴포넌트 분리
2.10 구성 가능한 컴포넌트
2.11 재사용 가능한 컴포넌트
2.12 컴포넌트 선언
2.13 컴포넌트 스타일링
2.14 정리하면
3. 외부 API 사용하기
3.1 생명주기 메서드
3.2 검색 결과 데이터 가져오기
3.3 ES6 전개 연산자
3.4 조건부 렌더링
3.5 Search 컴포넌트 클라이언트 · 서버 처리
3.6 페이지 매김 데이터 가져오기
3.7 클라이언트 캐시
3.8 오류 처리
3.9 Axios 라이브러리 사용
3.10 정리하면
4. 컴포넌트 모듈 구성 · 테스트
4.1 ES6 Import · Export
4.2 ES6 모듈 구성
4.3 Jest 스냅샷 테스트
4.4 Enzyme 단위 테스트
4.5 PropTypes 컴포넌트 인터페이스
4.6 정리하면
5. 심화: 리액트 컴포넌트
5.1 Ref · DOM
5.2 Loading 컴포넌트
5.3 고차 컴포넌트
5.4 심화: 정렬
5.5 정리하면
6. 심화: 리액트 상태 관리
6.1 상태 끌어올리기
6.2 심화: setState()
6.3 상태 제어
6.4 정리하면
7. 애플리케이션 배포하기
7.1 Eject
7.2 Heroku 배포
8. 마치는 글

‘리액트 도움닫기’ 지금 바로 구매하기

구매하기

저자
이수진