브라우저가 빈 root 영역을 가진 기본 문서를 먼저…
index.html
첫 React 앱 렌더링 흐름
파일을 수정했을 때 화면이 바뀌는 이유는 JSX가 컴포넌트로 실행되고 root DOM에 렌더링되기 때문이다.
React가 root DOM을 찾고 App 컴포넌트를…
src/main.jsx
JSX로 제목, 문단, 버튼 같은 화면 구조를 표현한다.…
src/App.jsx
컴포넌트에서 CSS를 import해 화면 표현을 바꾼다.…
src/App.css
핵심학습 기준: 모든 문법을 외우기보다 수정한 JSX가 어떤 DOM 결과로 이어지는지 먼저 감각으로 잡는다.