React 학습은 핵심 개념을 굳힌 뒤 주변 도구로 확장한다
JSX와 컴포넌트, state와 effect를 먼저 안정화하고, routing, data fetching, testing, deployment를 프로젝트 흐름에 맞춰 더한다.
core
JSX/component
화면을 함수로 나눔
state
event/effect
상호작용과 동기화
app
router/data
페이지와 서버 통신
ship
test/deploy
품질과 운영
단계
완료 기준
넘어가기 전 확인
기초
props/state 설명 가능
불변 업데이트
효과
useEffect 의존성 이해
불필요한 effect 제거
앱 구조
route와 data 흐름
로딩/오류 처리
배포
build와 hosting
SPA fallback