프리렌더링
프론트엔드 개발에서 렌더링이란...
: 리액트 같은 것으로 html을 만드는 것
프리렌더링은
웹브라우저가 페이지를 로딩하기 전에 하는 렌더링
클라이언트 사이드 렌더링
서버에서 html을 불러오고 자바스크립트를 불러오고
리액트가 실행되면서 화면이 보인다.
프리렌더링은
처음에 브라우저가 html을 받아오는 시점이 있다.
이 시점 이전이 프리렌더링이 일어나는 시점이다.즉, 웹 브라우저가 html을 불러오기 전에 렌더링을 하는 것이다.
프리렌더링
- 정적 생성(Static Generation)
- 서버사이드 렌더링(Server-side rendering)
정적 생성은 빌드를 하는 시점에 렌더링을 하는 것
빌드는 배포하기 전에 소스코드를 실행할 수 있는 형태로 만들어 놓는 것이다.정적생성은 빌드를 할 때 html을 만드는 것이다.
서버 사이드 렌더링(Server-side rendering)
마찬가지로 렌더링된 html을 보내주는데
웹 브라우저가 GET 리퀘스트를 보낼 때마다
서버가 매번 렌더링을 해서 보내주는 것
프리렌더링의 장점
-
초기 로딩이 빨라진다.
처음부터 html이 렌더링된 상태로 제공되기때문에
자바스크립트를 로딩해서 리액트가 완전히 실행될 때까지 기다리지않아도
화면이 보인다. -
검색엔진 최적화가 된다.
