React 심화 학습은 여섯 축을 순서 있게 묶어야 한다
렌더링 모델을 먼저 잡고 상태와 데이터 흐름을 이해한 뒤 라우팅, 테스트, 배포 품질로 확장하면 학습 경로가 흩어지지 않는다.
1
rendering
렌더 원인과 경계
2
state/data
서버 상태와 UI 상태
3
routing
화면 구조
4
quality
테스트와 배포
축
핵심 질문
결과물
rendering
왜 다시 렌더되는가
Profiler로 확인
state
어디에 둘 값인가
local, context, query
routing
URL과 데이터 경계
loader/API 설계
quality
어떻게 깨짐을 막나
test, CI, deploy