SPA와 새로고침에 대해

·2025년 4월 18일

조각 모음

목록 보기
6/9

  • 라우팅은 새로고침하지 않고 페이지가 전환되어 전역 상태가 그대로 유지된다

  • react는 single page application이므로 별도의 라우팅이 구현되어있지 않음



MPA(multi page application, 기존 방식) vs SPA

MPA

SSR로 동작

SPA

CSR로 동작
webpack, vite같은 번들러가 빌드 시 프로젝트 파일을 하나의 index.html로 합침




ssr에서만 사용 가능한 api들은 use client 사용하면 해결됨. 근데 다 이런식으로 해결해도 되나?

next.js 는 csr+ssr방식을 모두 사용할 수 있기 때문에 인기있어짐.
그러면 use client를 표기해야만 csr페이지로 인식하고 default는 ssr인건가??





참고문서
https://velog.io/@coddingyun/SPA-%EB%9D%BC%EC%9A%B0%ED%8C%85%EC%99%80-%EC%83%88%EB%A1%9C%EA%B3%A0%EC%B9%A8-%EC%8B%9C-%EB%8D%B0%EC%9D%B4%ED%84%B0-%EC%9C%A0%EC%A7%80

0개의 댓글