SPA (Single Page Application)는 전통적인 웹사이트와 달리 사이트 전체를 새로 불러오지 않고 동적으로 컨텐츠를 업데이트하며 사용자 경험을 향상시키는 웹 어플리케이션 형태이다.
- 초기에 모든 필요한 리소스를 한 번에 불러오고 (HTML/CSS/JS), 이후에 필요한 데이터만을 받아와서 화면을 업데이트 한다
- Client Side Rendering을 추구한다
React와 SPA가 무슨 관계?
React는 SPA를 개발하는 데 적합한 JavaScript 라이브러리이다.
React에서는 Virtual DOM을 사용하여 UI를 효율적으로 업데이트하고, 컴포넌트 기반으로 구조화된 어플리케이션을 쉽게 작성할 수 있기 때문이다.
React Router?
React에서 라우팅을 관리하는 데 사용되는 라이브러리이다
URL 경로에 따라 다른 컴포넌트들을 렌더링 할 수 있음
사용자가 특정 URL로 이동 -> React Router는 그 URL에 맞는 컴포넌트를 렌더링하여 새로운 페이지처럼 보이게 만든다 (페이지 전체를 새로고침할 필요가 없이 필요한 부분만 업데이트 가능)
