기존 SPA의 Client-side 랜더링의 문제점 웹 페이지의 랜더링이 클라이언트 = 브라우저 측에서 일어나는 것을 의미한다. 브라우저가 최초 요청 시 html,css,js 확장자 파일을 차례로 다운로드하는데, 최초로 불러온 HTML 파일은 비어있게 된다. 그 후 빈 HTML 파일에 js 파일이 다운로드되면 DOM을 빈 HTML 위에서 그리기 시작한다. 그래서 디버거 모드에서 자바스크립트 사용 중지를 하게 된다면, DOM을 페이지 위에서 그리지 못하므로 빈 페이지가 나오게 된다. Nextjs의 pre-rendering Next js는 기본적으로 모든 페이지를 pre-rendering한다. Next js에서는 모든 페이지가 사용자에게 전해지기 전에 HTML을 미리 생성해 pre-rendering을 수행한..
