- 리액트는 SPA(싱글 페이지 어플리케이션) 구조로, 하나의 HTML 파일에서 모든 UI를 동적으로 업데이트합니다. 🔄
- SPA는 컴포넌트 단위로 UI를 구성하여 필요한 부분만 효율적으로 렌더링합니다. 🧩
- CSR(클라이언트 사이드 렌더링)은 초기 렌더링 시 모든 리소스를 받아온 후, 필요한 부분만 업데이트하여 빠른 화면 전환을 제공합니다. ⚡
index.html
파일의<div id="root">
안에 리액트 컴포넌트가 렌더링됩니다. 🌳- 리액트는 페이지 라우터를 통해 특정 경로에 따라 컴포넌트를 바꿔치기하여 여러 페이지처럼 보이게 합니다. 🎭