동적이고 효율적이며 현대적인 사용자 인터페이스를 구축하는 데 가장 인기 있는 라이브러리 중 하나인 React를 마스터하기 위한 종합 가이드인 "공식 문서로 배우는 리액트 v18.3.1"에 오신 것을 환영합니다. 이 책은 확장 가능한 인터랙티브 웹 애플리케이션을 제작할 수 있도록 React의 기본 개념, 실용적인 튜토리얼, 고급 기술을 안내합니다.

1장, '빠른 시작'에서는 틱택토 게임을 빌드하는 단계별 튜토리얼을 통해 실습 방식으로 React를 소개합니다. 컴포넌트와 선언적 논리로 애플리케이션을 구축하기 위한 사고방식인 'React에서 생각하기'의 기본을 배우게 됩니다.

2장, '설치'에서는 React 개발 환경을 설정하는 방법을 다룹니다. 새 프로젝트를 시작하고, 기존 프로젝트에 React를 추가하고, 에디터를 구성하고, 타입스크립트, React 개발자 도구, React 컴파일러와 같은 도구를 사용하는 방법을 배웁니다.

3장, 'UI 설명하기'에서는 첫 번째 컴포넌트를 생성하여 사용자 인터페이스를 구축하는 방법을 살펴봅니다. 이 장에서는 마크업 작성, Props 전달, 리스트 및 조건부 렌더링, 컴포넌트의 트리로서 UI를 이해하기 위한 JSX를 소개합니다.

4장, '상호작용성 추가하기'에서는 사용자 상호작용을 처리하는 데 중점을 둡니다. 컴포넌트의 메모리로서의 state, 이벤트에 대한 응답, state 객체와 배열의 업데이트 관리, React의 렌더링 및 커밋 단계 이해에 대해 알아봅니다.

5장, '상태 관리하기'에서는 보다 고급 상태 관리 개념을 살펴봅니다. 상태 구조화, 컴포넌트 간 상태 공유, 리듀서 사용, 심층 데이터 공유를 위한 컨텍스트 활용, 리듀서-컨텍스트 패턴으로 확장하기 등의 주제를 다룹니다.

6장, 'Escape Hatches'에서는 보다 복잡한 시나리오를 해결하기 위한 기술을 다룹니다. 레퍼런스로 DOM 참조 및 조작하기, 효과와 동기화하기, 효과 종속성 관리하기, 사용자 정의 후크로 로직 재사용하기 등을 배우게 됩니다.

이 책이 끝나면 첫 번째 컴포넌트 빌드부터 고급 대화형 사용자 인터페이스 제작까지 React를 깊이 있게 이해할 수 있을 것입니다. 초보자이든 숙련된 개발자이든 이 책은 최신 웹 애플리케이션을 효율적으로 구축하기 위해 React의 강력한 기능을 활용할 수 있도록 도와줍니다.

본 도서는 인공지능 기반으로 검색된 콘텐츠를 바탕으로, 일반 서식, 질문과 답변, 문제 풀이, 토론, 대화 등 다양한 형식을 통해 핵심 개념을 체계적으로 설명합니다. 독자들이 개념을 보다 쉽게 이해할 수 있도록, 명료하고 간결한 구조를 유지하였으며, 각 소스 코드에 적합한 하이라이트 기능을 제공하여 가독성을 극대화하였습니다.

이 책은 종이책 형태가 아닌 EPUB 전자책으로 제작되어, 전통적인 페이지 레이아웃과는 다른, 웹 기반의 흐름을 취하고 있습니다. 따라서 종이책과 같은 구성에 익숙한 독자라면 다소 이질감을 느낄 수 있습니다.

본 주제에 처음 접하는 독자에게는 이 도서가 다소 방대한 내용과 깊이 있는 개념을 다루고 있어 주제를 이해하는 데 어려움을 느낄 수 있으므로, 관련 분야에 어느 정도 경험이 있는 독자들에게 이 책을 권장합니다. 기존 지식을 넓히고자 하는 이들에게는 심화된 이해와 지식의 확장을 도울 수 있을 것입니다.

리액트를 처음 경험하시는 분이거나 오리지널 공식 문서를 무난히 해석하실 수 있는 분에게는 이 책을 추천드리지 않습니다.

1장 : 빠른 시작
___1. 개요
___2. 튜토리얼: 틱택토
___3. 튜토리얼: 개요
___4. 튜토리얼: 게임 완성하기
___5. 튜토리얼: 시간 여행 추가하기
___6. 리액트에서 생각하기
2장 : 설치
___1. 개요
___2. 새로운 리액트 프로젝트 시작하기
___3. 기존 프로젝트에 리액트 추가하기
___4. 에디터 설정
___5. 타입스크립트 사용하기
___6. 리액트 개발자 도구
___7. 리액트 컴파일러
3장 : UI 설명하기
___1. 개요
___2. 첫 번째 컴포넌트
___3. 컴포넌트 가져오기 및 내보내기
___4. JSX로 마크업 작성하기
___5. 중괄호가 있는 JSX의 JavaScript
___6. 컴포넌트에 Props 전달하기
___7. 조건부 렌더링
___8. 리스트 렌더링
___9. 컴포넌트를 순수하게 유지하기
___10. 트리로서의 UI
4장 : 상호 작용성 추가하기
___1. 개요
___2. 이벤트에 응답하기
___3. 상태: 컴포넌트의 메모리
___4. 렌더링 및 커밋
___5. 스냅샷으로서의 상태
___6. 일련의 상태 업데이트 큐에 넣기
___7. 상태에서 객체 업데이트하기
___8. 배열 업데이트하기 in State
5장 : State 관리
___1. 개요
___2. State로 입력에 반응하기
___3. State 구조 선택하기
___4. 구성 요소 간 State 공유하기
___5. State 보존 및 재설정하기
___6. Reducer로 State 로직 추출하기
___7. Context로 심층적으로 데이터 전달하기
___8. Reducer와 Context로 확장하기
6장 : Escape Hatches
___1. 개요
___2. Refs로 값 참조하기
___3. Refs로 DOM 조작하기
___4. Effect로 동기화하기
___5. Effect가 필요하지 않을 수도 있음
___6. 반응형 Effect의 수명 주기
___7. 이벤트와 Effect 분리하기
___8. Effect 종속성 제거하기
___9. 사용자 정의 Hooks로 로직 재사용하기