반응형
SSR
-
Next.js - 소개Dev/Next.js 2023. 5. 8. 20:46
Next.js 는 React로 만드는 서버사이드랜더링(SSR) 프레임워크이다. Next.js를 사용하면 어떠한 장점이 있고, 왜 사용하는 것일까? 우선, 클라이언트 랜더링(CSR)의 경우 모든 js 파일을 로드하고 사용자는 이러한 웹을 보게 된다. 그래서 처음(초기 랜더링)에 많은 대기시간을 가지는 문제점이 있다. 또한, SEO(search engine optimization,검색 엔진 최적화) 문제를 발생시킨다. 자바스크립트가 로드되지 않았을 때, 검색엔진이 스캔함으로써 아무 페이지도 걸리지 않게 된다. Next.js를 사용하게 되면 pre-reloading을 통해 미리 데이터가 랜더링 된 페이지를 가져올 수 있게 해 주므로 사용자에게 더 좋은 경험을 선사한다. 그리고 검색 엔진에 잘 노출될 수 있도록..