SSR

싱글 페이지 애플리케이션(SPA, Single Page Application)렌더링과 라우팅에 필요한 대부분의 기능을 서버가 아닌 브라우저의 자바스크립트에 의존하는 방식최초에 첫 페이지에서 데이터를 모두 불러온 이후에는 페이지 전환을 위한 모든 작업이 자바스크립트와 브라우저의 history.pushState, history.replaceState로 이뤄지기 때문에 페이지를 불러온 이후에는 서버에서 HTML을 내려받지 않고 하나의 페이지에서 모든 작업을 처리함사이트 렌더링에 필요한 내부의 내용을 모두 자바스크립트 코드로 삽입한 이후에 렌더링함페이지 전환 시에는 새로운 HTML을 요청하는 것이 아니라 자바스크립트에서 다음 페이지 렌더링에 필요한 정보만 HTTP 요청 등으로 가져온 다음, 그 결과를 바탕으로..

Next.js는 기본적으로 모든 페이지를 pre-render 한다.  Next.js Next.js는 리액트에서 SSR(Server Side Rendering) 을 쉽게 구현할 수 있도록 도와주는 간단한 프레임워크Next.js는 pre-rendering을 통해 완성된 HTML을 가져오기 때문에 검색 엔진 크롤러에 바로 렌더링 된 페이지를 전달할 수 있어 검색 엔진 최적화(SEO)를 이룰 수 있다.초기 페이지 로드 속도 또한 CSR(Client Side Rendering)에 비해 빠르다는 장점을 가지고 있다.   Pre-rendering Next.js는 두 가지 방식으로 pre-rendering을 지원한다정적 생성 (Static Generation)서버 사이드 렌더링 (Server Side Rendering..