페이지 구성 방식과 페이지 렌더링 | MPA, SPA, CSR, SSR, SSG
HTML 삽입 미리보기할 수 없는 소스 리액트 라우터를 사용하기에 앞서 페이지 구성 방식(MPA, SPA)와 렌더링 방식(CSR, SSR, SSG)에 대해 알아보자 1. MPA와 SPA MPA(Multiple Page Application) MPA는 여러 개의 페이지를 준비한 후 요청에 따라 적절한 페이지를 반환하는 어플리케이션을 말한다. 특징 새로운 페이지를 요청할 때마다 서버에서 렌더링된 정적 리소스(html, css, js)를 다운로드한다. 페이지를 이동하거나 새로고침하면 전체 페이지를 리렌더링한다. 장점 페이지마다 키워드가 노출되어 있어서 검색이 쉽다. 단점 페이지를 이동할 때마다 전체 페이지가 리렌더링되기 때문에 느리다. 클라이언트와 서버 모두 렌더링 프레임워크를 사용해야 한다. SPA(Sing..
웹개발/React
2023. 7. 22. 21:29