[리액트] SPA와 React Router

SPA (Single Page Application)란

SPA는 Single Page Application의 약자로, 웹 페이지가 단 하나의 HTML 파일로 이루어진 애플리케이션이다. 전통적인 웹 페이지와는 달리, 사용자와 상호작용할 때마다 새로운 페이지를 로드하는 대신, 필요한 데이터만 서버에서 불러와 동적으로 현재 페이지를 갱신한다.

장점

1. 빠른 반응성: 전체 페이지를 새로고침하지 않으므로 사용자 경험이 부드럽다.
2. 서버 부하 감소: 필요한 부분만 업데이트하기 때문에 서버에 부담이 적다.
3. 개발 편리성: 프론트엔드와 백엔드를 분리하여 개발이 용이하다.

단점

1. SEO 문제: Cilent Side Rendering 방식으로 동작해서 검색 엔진 최적화가 어려울 수 있다.
2. 초기 로딩 시간: 앱의 모든 자원을 처음에 로드해야 하므로 초기 로딩 시간이 길 수 있다.

리액트 라우터

리액트 라우터는 SPA를 만드는 리액트 애플리케이션에서 라우팅을 관리하는 라이브러리다. 라우팅은 사용자의 요청에 따라 다른 뷰를 보여주는 역할을 한다.