렌더링에 필요한 부분만 가져오기 때문에 로딩의 전체적인 시간이 빠르다.
렌더링을 할 때, 서버(and 데이터베이스)까지 요청을 보내서 하나의 완성된 페이지를 렌더링하기 때문에 화면에 무언가 뜨는 시간까지가 오래걸린다.
SPA. 즉, Singple Page Application 형태로 구현
렌더링을 할 때, 프론트 서버에서 바로 UI를 요청하기 때문에 화면에 무언가 표시되는 속도가 빠르다.
하나의 html 파일과 JS, CSS를 이용해서
화면이 넘어가는 것처럼 보이나 그 안에 구성 요소만 바꿔주는 것으로 화면 전환 효과를 냄
허나 이후 사용 해야할 화면에 해당하는 부분을 한번에 가져와야하기 때문에 전체적인 속도는 느림.
그러나 데이터를 제외하고 우선 렌더링이 실시되기 때문에 사용자가 느끼기에는 바로 화면이 뜨는 것으로 보인다.
CSR 방식으로 진행하되,
모든 페에지에 대한 정보를 다 보내는 게 아니라, 방문할 것으로 예상되는 페이지에 대한 정보만 보내게 만드는 것.
첫 방문만 서버사이드 렌더링을 해주고 이후 방문에서는 나머지는 리액트 방식을 사용.