나 혼자 React

React 학습은 컴포넌트를 만드는 기술보다 상태를 설계하는 사고를 익히는 과정에 가깝습니다. 처음에는 화면이 나오기만 해도 충분해 보이지만, 기능이 늘어날수록 상태 흐름이 구조 품질을 결정하게 됩니다.

이 교재는 기초 문법에서 시작해 훅, 라우팅, 상태 관리, 비동기 처리, 성능 최적화까지 자연스럽게 이어지도록 설계했습니다. 특히 최신 실행 흐름(Vite 기반)과 실무에서 자주 쓰는 패턴을 중심으로 학습 부담을 줄였습니다.

각 장에서는 어떻게 구현할지와 함께 왜 이렇게 구현하는지를 충분히 설명해 응용력을 높입니다. 초보 구간에서 자주 나오는 실수와 디버깅 포인트도 함께 다뤄 학습 중단 지점을 최소화했습니다.

아래 목차를 따라가면 단편적인 예제 학습을 넘어, 실제 프로젝트를 스스로 구조화하는 힘을 기를 수 있습니다. 최종 목표는 React 코드를 작성하는 수준을 넘어, 유지보수 가능한 UI 아키텍처를 설계하는 수준에 도달하는 것입니다.

먼저 전체 흐름을 한눈에 보며 각 장이 어떤 역할을 맡는지 확인해 봅니다.

그다음 React 학습의 핵심 기준인 상태 위치를 짧게 정리합니다.

마지막으로 각 장을 읽을 때 반복할 학습 루틴을 잡고 목차로 이동합니다.

학습 중 막히는 순간에는 어느 장의 기준으로 되돌아갈지 정해 두면 흐름을 잃지 않습니다.

React 학습은 컴포넌트 작성법을 넘어서 상태 위치, 데이터 흐름, 오류 경계, 폼 책임을 순서대로 연결할 때 실전 구조로 이어집니다.