정적생성
-
[Next.js] 4. Pre-rendering and Data Fetching공부 2021. 10. 26. 21:34
Pre-rendering 데이터 가져오기에 앞서, Next.js의 pre-rendering에서 중요한 개념중 하나를 알아보자. 기본적으로 Next.js는 모든 페이지를 미리 렌더링 한다. 이는 Next.js가 각 페이지의 HTML을 미리 생성한다는 것을 뜻한다. (클라이언트측 JavaScript에서 모든 작섭을 수행하는 대신) Pre-rendering은 더 나은 성능과 SEO를 제공할 수 있다. 생성된 각 HTML은 해당 페이지에 필요한 최소한의 JavaScript 코드와 연관된다. 브라우저에서 페이지를 로드하면 해당 JavaScript 코드가 실행되어 페이지를 완전히 상호적으로 만든다. ( 이 과정을 hydration이라고 부른다.) Check That Pre-rendering Is Happening ..