홈앤서비스 SK BROADBAND

이 책은 웹 개발에서 가장 많이 사용하는 프레임워크인 리액트의 사용 방법을 소개합니다. 인프런, 유데미에서 누적 20,000여 명이 수강한 베스트 강좌를 책으로 엮었습니다. 프런트엔드 개발을 희망하는 사람들을 위해 리액트의 기본을 익히고 다양한 앱을 구현하는 데 부족함이 없도록 만들었습니다.

이런 분들께 추천합니다
- 자바스크립트 기초 지식이 부족해 리액트 공부를 망설이는 분
- 프런트엔드 개발을 희망하는 취업준비생으로 리액트가 처음인 분
- 퍼블리셔나 백엔드에서 프런트엔드로 직군 전환을 꾀하거나 업무상 리액트가 필요한 분
- 뷰, 스벨트 등 다른 프레임워크를 쓰고 있는데, 실용적인 리액트를 배우고 싶은 분
- 신입 개발자이지만 자바스크립트나 리액트 기초가 부족한 분

2판을 발간하며
지은이의 글
감사의 글
베타테스터의 글

1장 자바스크립트 기초
처음 만나는 자바스크립트
비주얼 스튜디오 코드 설치하기
변수와 상수
자료형
형 변환
연산자
조건문
반복문
함수
스코프
객체
배열

2장 자바스크립트 실전
truthy & falsy
단락 평가
객체 자료형 자세히 살펴보기
반복문 응용하기
구조 분해 할당
스프레드 연산자와 rest 매개변수
배열과 메서드
Date 객체와 날짜
비동기 처리

3장 Node.js
Node.js란?
Node.js 환경 설정하기
Node.js 패키지
Node.js 모듈 시스템
라이브러리 사용하기

4장 리액트 시작하기
리액트의 특징
리액트 앱 만들기
리액트 앱의 동작 원리

5장 리액트의 기본 기능 다루기
컴포넌트
JSX
컴포넌트에 값 전달하기
이벤트 처리하기
컴포넌트와 상태
Ref

project 1 [카운터] 앱 만들기
프로젝트 준비하기
UI 구현하기
기능 구현하기

6장 라이프 사이클과 리액트 개발자 도구
리액트 컴포넌트의 라이프 사이클
useEffect
리액트 개발자 도구

project 2 [할 일 관리] 앱 만들기
프로젝트 준비하기
UI 구현하기
기능 구현 준비하기
Create: 할 일 추가하기
Read: 할 일 리스트 렌더링하기
Update: 할 일 수정하기
Delete: 할 일 삭제하기

7장 useReducer와 상태 관리
useReducer 이해하기
[할 일 관리] 앱 업그레이드

8장 최적화
최적화와 메모이제이션
함수의 불필요한 재호출 방지하기
불필요한 컴포넌트 리렌더 방지하기
불필요한 함수 재생성 방지하기

9장 컴포넌트 트리에 데이터 공급하기
Context
Context로 [할 일 관리] 앱 리팩토링하기

project 3 [감정 일기장] 만들기
프로젝트 준비하기
페이지 라우팅
리액트 라우터로 페이지 라우팅하기
리액트 라우터로 동적 경로 라우팅하기
공통 컴포넌트 구현하기 1: Button, Header 컴포넌트
공통 컴포넌트 구현하기 2: Editor 컴포넌트
공통 스타일 설정하기
일기 관리 기능 만들기
Home 페이지 구현하기
Diary 페이지 구현하기
New 페이지 구현하기
Edit 페이지 구현하기
최적화

10장 웹 스토리지 이용하기
웹 스토리지
일기 데이터를 웹 스토리지에 보관하기

11장 [감정 일기장] 배포
[감정 일기장] 프로젝트 배포 준비하기
리액트 앱 배포하기

찾아보기