root 자리
<div id="root">가 React 앱이 붙을 빈 영역을 제공합니다.
파일을 외우기보다 화면까지 이어지는 경로를 읽는다
Vite 프로젝트의 핵심은 HTML 진입점, React 시작 파일, App 컴포넌트, JSX, CSS가 브라우저 화면으로 이어지는 연결입니다.
앱 시작
ReactDOM이 App 컴포넌트를 root 요소에 연결해 렌더링을 시작합니다.
화면 조각
처음 수정하는 컴포넌트로 JSX 구조와 표시 문구를 바꿔 봅니다.
HTML 같은 문법
className, 단일 루트, 중괄호 표현식을 지키면 화면 선언이 읽기 쉬워집니다.
스타일 반영
App에서 CSS를 불러오면 저장 즉시 개발 서버가 새 스타일을 브라우저에 반영합니다.