[Next.js] 사전 렌더링 이해하기

사전 렌더링브라우저의 요청에 사전에 렌더링이 완료된 HTML을 응답하는 렌더링 방식Client Side Rendering의 단점을 효율적으로 해결하는 기술 그렇다면 리액트의 CSR은?index.html은 리액트 앱 생성시 기본으로 만들어지는 index.html을 의미한다.JS Bundle에는 이 서비스에서 접근 가능한 모든 컴포넌트 코드가 존재한다.→ 그렇기에 사용자는 초기 접속 이후 페이지를 계속해서 이동하게 되더라도, 새로운 페이지를 요청할 필요가 없다.→ 따라서 매우 빠르고 쾌적하게 페이지 이동이 가능하다.초기 접속 속도가 느리다.→ 아래 이미지만 봐도 초기 요청 시작 시점으로부터 실제 화면이 보이는 순간까지 꽤 오랜 시간이 걸림→ FCP (First Contentful Paint): 컨텐츠가 처음..