[React.js] SPA

Single Page Application: 한 페이지로 이루어진 앱

기존의 웹은 다른 페이지로 이동할 때마다 서버에서 리소스를 받아와 다시 화면을 그렸다면

SPA는 변경이 있는 부분만 라우팅을 통해 업데이트 시켜준다

 

리액트 라우팅 라이브러리의 종류

- React-Router

- Reach-Router

- Next.js

 

SPA의 단점은 앱의 규모가 커지면 자스 파일이 너무 커진다는 점 => 페이지 첫 로딩시 사용자가 사용하지 않을 페이지의 스크립트도 다 불러오기 때문

따라서 성능을 위해 얼마나 효율적으로 코드를 짜냐가 중요하다는 것

또 SEO 검색 안된다는 점, 자스가 실행되기 전까지 빈페이지 이므로 검색엔진에 노출되기 힘듬 => SSR으로 해결할 수는 있다.