1부. 리액트 시작하기
1장. 첫 리액트 애플리케이션
개발 환경 준비
Node.js 설치
Create React App 설치
깃 설치
에디터 설치
브라우저 설치
프로젝트 생성
프로젝트 구조
부트스트랩 CSS 프레임워크
개발 도구
임시 콘텐츠 대체
동적 콘텐츠
상태 데이터의 변경
할 일 목록 애플리케이션에 기능 추가
할 일 목록 보여주기
컴포넌트 추가
자식 컴포넌트 사용
마무리 작업
완료된 할 일의 시각적 처리
데이터의 지속 저장
정리
2장. 리액트의 이해
리액트는 필수인가?
라운드 트립 애플리케이션
싱글 페이지 애플리케이션
애플리케이션 복잡성
필요한 사전 지식
필요한 개발 환경
이 책의 구성
1부: 리액트 시작하기
2부: 리액트 주무르기
3부: 리액트 애플리케이션 완성하기
예제의 양
이 책의 예제 코드
이 책의 정오표
연락 방법
정리
3장. HTML, JSX, CSS 핵심 정리
준비 작업
HTML 파일과 컴포넌트 준비
예제 실행
HTML과 DOM 엘리먼트의 이해
엘리먼트 콘텐츠의 이해
속성의 이해
HTML 엘리먼트의 동적 생성
리액트 컴포넌트를 사용한 엘리먼트의 동적 생성
리액트 엘리먼트에서의 표현식
표현식과 정적 콘텐츠의 결합
표현식 안에서의 계산
컴포넌트 프로퍼티와 메소드 접근
표현식으로 프로퍼티 값 설정
표현식으로 이벤트 처리
부트스트랩 소개
기본 부트스트랩 클래스 적용
부트스트랩으로 그리드 생성
부트스트랩으로 테이블 스타일 적용
부트스트랩으로 폼 스타일 적용
정리
4장. 자바스크립트 핵심 정리
준비 작업
자바스크립트 구문
자바스크립트 함수
파라미터가 있는 함수
결과를 리턴하는 함수
다른 함수의 인자로 함수 사용
변수와 타입
기본 데이터 타입
자바스크립트 연산자
조건문
등치 연산자와 일치 연산자
명시적 타입 변환
배열
배열 리터럴
배열 콘텐츠의 읽기와 변경
배열 콘텐츠 열거
스프레드 연산자
배열의 내장
이 책의 구성
1부, 리액트 시작하기 1부는 리액트 개발을 시작하는 데 필요한 정보를 제공한다. 1장에서 간단한 리액트 애플리케이션의 제작 방법을 익히고 3장과 4장에서 HTML, CSS, 자바스크립트와 같은 리액트 개발의 핵심 기술에 관한 기초 지식을 복습한다. 5장부터 8장까지는 SportsStore라고 하는 좀 더 현실적인 애플리케이션 제작 과정을 거친다.
2부, 리액트 주무르기 2부에서는 대부분의 프로젝트에 필요한 리액트의 핵심 기능을 다룬다. 리액트에는 많은 기능이 내장돼 있다. 예제 애플리케이션을 위해 커스텀 코드와 콘텐츠를 추가하는 방식으로 기능을 깊이 있게 설명할 것이다.
3부, 리액트 애플리케이션 완성하기 리액트는 복잡한 애플리케이션에 필요한 고급 기능을 별도의 패키지를 통해 제공한다. 3부에서는 중요한 패키지들을 소개하고, 작동 원리를 설명하며, 어떻게 리액트의 핵심 기능에 적용할 수 있는지 알아본다