한 입 크기로 잘라 먹는 리액트

지은이의 글
감사의 글
베타테스터의 글

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장 [감정 일기장] 배포
[감정 일기장] 프로젝트 배포 준비하기
리액트 앱 배포하기

찾아보기