Pre-rendering(사전 렌더링)이란 무엇을 의미하나요?

Pre-rendering은 Next.js에서 페이지를 렌더링하는 방식 중 하나입니다. 기본적으로 브라우저에서 JavaScript를 실행해서 페이지를 그리는 대신, 서버에서 각 페이지에 대한 HTML을 미리 생성해두는 것을 의미합니다.

이렇게 하면 사용자가 페이지에 처음 접속했을 때, 이미 완성된 HTML을 받기 때문에 초기 로딩 속도가 빨라집니다. 또, 검색 엔진 크롤러가 JavaScript 실행 없이 내용을 파악할 수 있어서 SEO에도 유리합니다.

Pre-rendering 방식에는 크게 두 가지가 있는데, 빌드 시점에 HTML을 생성하는 Static Site Generation(SSG)과 요청이 있을 때마다 HTML을 생성하는 Server-Side Rendering(SSR)이 있습니다. 상황에 맞춰 적절한 방식을 선택하여 사용할 수 있습니다.