사용자 인터페이스 구축을 위한 리액트 JavaScript 라이브러리 마스터를 위한 종합 가이드인 "리액트"에 오신 것을 환영합니다. 이 책에서는 리액트의 기초부터 고급 개념과 실제 애플리케이션에 이르는 여정을 안내합니다.

1장, '리액트 소개'에서는 리액트의 개요와 그 중요성, 웹 개발에서 널리 사용되는 이유를 설명합니다. 주요 기능을 살펴보고, 역사와 진화를 살펴보고, 다른 인기 있는 프레임워크와 리액트를 비교합니다.

2장, '개발 환경 설정하기'에서는 Node.js와 npm 설치, IDE 구성, 리액트 앱 만들기를 사용한 새 리액트 프로젝트 생성 등 리액트 개발을 위한 개발 환경 설정 과정을 안내합니다. 또한 리액트의 문법 확장인 JSX에 대해서도 소개합니다.

3장, '리액트의 기초'에서는 컴포넌트, 프로퍼티, state, 라이프사이클 메서드, 이벤트 처리, 조건부 렌더링, 리스트와 키, 폼, 컴포지션과 상속 등 리액트의 기본 개념을 다룹니다.

4장, '리액트의 스타일링'에서는 CSS 스타일시트, 인라인 스타일링, CSS 모듈 및 스타일 컴포넌트 사용을 포함해 리액트 컴포넌트를 스타일링하는 다양한 방법을 살펴봅니다.

5장, '고급 리액트 개념'에서는 전역 상태, 에러 경계, ref, 상위 컴포넌트, 렌더링 프로퍼티를 관리하기 위한 컨텍스트 API, 훅(useState, useEffect, 사용자 정의 훅) 등 리액트의 고급 주제에 대해 살펴봅니다.

6장, '리액트의 라우팅'에서는 리액트 애플리케이션의 클라이언트 측 라우팅에 중점을 둡니다. 리액트 라우터를 사용해 라우팅을 설정하고, 경로를 구성하고, 페이지 사이를 탐색하고, 동적 라우팅을 구현하는 방법을 배웁니다.

7장, '상태 관리'에서는 리액트의 상태 관리를 소개하고, 컨텍스트 API와 Redux를 비교하고, 미들웨어, Thunk, Saga 등 Redux의 기본 및 고급 기능을 다룹니다.

8장, 'API로 작업하기'에서는 리액트 애플리케이션의 API에서 데이터를 가져오는 방법, Axios와 Fetch 비교, 비동기 데이터 가져오기를 위한 async/await 사용, 서드파티 API 통합에 대해 설명합니다.

9장, '리액트에서 테스트하기'에서는 테스트 프레임워크(Jest와 리액트 테스트 라이브러리) 설정, 컴포넌트와 훅에 대한 단위 테스트 작성, Cypress로 엔드투엔드 테스트 수행 등 리액트 애플리케이션 테스트에 대해 다룹니다.

10장, '배포 및 모범 사례'에서는 배포 전략, SEO 모범 사례, 보안 고려 사항을 포함해 리액트 애플리케이션을 빌드, 최적화 및 배포하는 방법에 대해 설명합니다.

11장, '현실에서의 리액트'에서는 대규모 애플리케이션의 사례 연구, D3.js 및 TypeScript와 같은 다른 라이브러리와 리액트의 통합, 고급 성능 최적화 기법, Next.js를 사용한 서버 측 렌더링 등 리액트의 실제 애플리케이션을 소개합니다.

이 책이 끝나면 리액트에 대한 포괄적인 이해와 강력하고 확장 가능하며 효율적인 웹 애플리케이션을 구축하는 기술을 갖추게 될 것입니다.

1장 : 리액트 소개
___1. 리액트란?
___2. 주요 기능 개요
___3. 역사와 진화
___4. 리액트와 다른 프레임워크 비교
2장 : 개발 환경 설정하기
___1. Node.js와 npm 설치하기
___2. IDE 설정하기
___3. 리액트 프로젝트 생성하기
___4. JSX 소개
3장 : 리액트의 기초
___1. 컴포넌트와 props
___2. 상태와 라이프사이클
___3. 이벤트 처리하기
___4. 조건부 렌더링
___5. 리스트와 키
___6. 폼과 사용자 입력
___7. 컴포지션 대 상속
4장 : 리액트에서 스타일링하기
___1. CSS 스타일시트 사용하기
___2. 인라인 스타일링
___3. CSS 모듈
___4. 스타일 컴포넌트
5장 : 고급 리액트 개념
___1. Hook
___2. 전역 상태 관리를 위한 컨텍스트 API
___3. 에러 바운더리
___4. 레퍼런스와 DOM
___5. 고차 컴포넌트
___6. 렌더 props
6장 : 리액트의 라우팅
___1. 라우팅 이해하기
___2. 리액트 라우터 설정하기
___3. 라우팅 구성
___4. 페이지 간 내비게이션
___5. 동적 라우팅
7장 : 상태 관리
___1. 상태 관리 소개
___2. 컨텍스트 API 사용과 Redux 비교
___3. Redux의 기초
___4. 고급 Redux: 미들웨어, Thunks, Sagas
8장 : API로 작업하기
___1. API에서 데이터 가져오기
___2. Axios와 Fetch 사용하기
___3. 리액트에서 async/await
___4. 서드파티 API 통합하기
9장 : 리액트에서 테스트하기
___1. 테스트 소개
___2. 테스트 프레임워크 설정하기
___3. 컴포넌트에 대한 단위 테스트 작성하기
___4. 테스트 훅
___5. 엔드투엔드 테스트
10장 : 배포 및 모범 사례
___1. 리액트 애플리케이션 빌드 및 최적화
___2. 배포 전략
___3. SEO 모범 사례
___4. 보안 모범 사례
11장 : 실제 세계에서의 React
___1. 대규모 리액트 애플리케이션 사례 연구
___2. 다른 라이브러리(D3.js, TypeScript)와 통합하기
___3. 고급 성능 최적화 기법
___4. Next.js를 사용한 서버 측 렌더링