[POD]리액트로 끝내는 실무 웹앱 개발

이 책은 리액트(React)를 활용해 실무 웹 애플리케이션을 개발하고자 하는 개발자를 위한 종합 안내서입니다. 1장에서는 리액트의 개념과 개발 환경 설정, CRA와 Vite 기반 프로젝트 생성까지 다루며, 2장에서는 ES6+ 문법 복습과 JSX, 컴포넌트 구조 및 데이터 전달 방식을 체계적으로 익힐 수 있습니다. 3장은 리액트 훅을 집중적으로 다루며 상태 관리, 사이드 이펙트, 성능 최적화, 커스텀 훅 설계까지 실무 활용도를 높였습니다. 4장과 5장은 스타일링, 반응형 레이아웃, 접근성, 폼·테이블·미디어 처리 등 웹 표준과 핵심 요소를 구현하는 방법을 제시합니다. 6장에서는 버튼·카드·아코디언·모달·캐러셀 등 다양한 UI 패턴을 실습하며, 7장은 리액트 라우터를 통해 SPA 내비게이션과 동적·중첩 라우팅을 다룹니다. 8장은 비동기 처리의 핵심으로 Fetch·Axios·React Query·SWR·WebSocket을 활용한 데이터 통신, 에러 처리, 실시간 갱신, 관리 전략을 심층적으로 설명합니다. 마지막으로 부록에는 CSS와 비동기 처리 치트시트가 수록되어 있어 빠른 참조가 가능합니다. 입문자부터 실무자까지 단계별 학습과 프로젝트 구현에 최적화된 이 책은, 리액트를 통해 웹앱 개발의 전 과정을 마스터하려는 이들에게 든든한 가이드가 될 것입니다.

1장 리액트 개발 환경 설정과 애플리케이션 생성
1.1 리액트 개요
1.2 리액트 개발 환경 설정
1.3 개발 도구 및 확장 프로그램
1.4 CRA를 사용한 애플리케이션 생성
1.5 Vite를 사용한 애플리케이션 생성

2장 자바스크립트와 리액트 컴포넌트
2.1 ES6+
2.2 JSX
2.3 컴포넌트 정의와 종류
2.4 상태(State)와 속성(Props)
2.5 이벤트 처리
2.6 조건부 렌더링과 반복 렌더링
2.7 컴포넌트의 분리와 관리
2.8 컴포넌트 간 데이터 전달

3장 리액트 훅
3.1 리액트 훅의 개요
3.2 컴포넌트 생명주기와 훅
3.3 상태 관리 훅
3.4 사이드 이펙트 관리 훅
3.5 컨텍스트 및 상태 공유 훅
3.6 성능 최적화 훅
3.7 참조 및 DOM 제어 훅
3.8 커스텀 훅(Custom Hooks)
3.7 훅을 활용한 미니 프로젝트

4장 리액트 스타일링과 디자인 요소 구현
4.1 리액트의 스타일링 기초와 접근법
4.2 리액트의 컬러 스타일과 적용
4.3 리액트의 타이포그래피와 폰트 적용
4.4 리액트의 파비콘과 아이콘, 이모지 적용
4.5 레이아웃과 반응형 디자인 176

5장 리액트 웹 표준과 웹 핵심 요소
5.1 리액트 웹 표준과 웹 핵심 요소 개요
5.2 리액트 웹 접근성(A11Y)
5.3 폼(Form) 구현과 관리
5.4 테이블 구현
5.5 목록의 구현
5.6 미디어의 구현
5.7 리액트의 애니메이션과 모션 디자인
5.8 성능과 최적화

6장 리액트 UI 구현
6.1 리액트의 UI 구현 개요
6.2 버튼‧버튼 그룹‧아이콘‧작은 UI 구현
6.3 썸네일 목록(카드 지자인)과 갤러리 구현
6.4 아코디언 & 콜랩시블(접이식) 구현
6.5 드롭다운, 팝오버, 툴팁 구현
6.6 레이어 팝업(모달)과 포털 구현
6.7 자동 슬라이딩 배너(캐러셀) 구현
6.8 페이지네이션‧브레드크럼‧내비게이션 패턴 구현

7장 리액트 라우터(React Router)
7.1 SPA와 리액트 라우터의 개념
7.2 react-router-dom 설치 및 기본 사용법
7.3 라우팅 설정
7.4 동적 라우팅과 URL 파라미터
7.5 중첩 라우팅과 아웃렛(Outlet)
7.6 404 Not Found 페이지 구현
7.7 네비게이션 바와 라우터 통합

8장 리액트 비동기 처리
8.1 비동기 처리의 개념과 필요성
8.2 useEffect를 활용한 기본 비동기 처리
8.3 Fetch API 및 Axios 활용
8.4 React Query를 이용한 데이터 패칭 및 캐싱
8.5 SWR을 이용한 데이터 패칭 및 실시간 갱신
8.6 에러 처리와 로딩 상태 UI
8.7 Form 데이터 전송과 비동기 검증
8.8 WebSocket과 실시간 데이터 처리
8.9 비동기 데이터 관리 전략

부록. 치트시트 모음
부록 A. 실전 웹 개발 치트시트 모음
부록 B. CSS 프레임워크 치트시트 모음
부록 C. 비동기 요청 처리 치트시트 모음