서버사이드 렌더링 이란?

브라우저에서 렌더링 하는것이 아닌, 서버에서 웹 페이지를 렌더링하여 클라이언트에 보내는 것이다.

Next.js

• 리액트에서 서버사이드 렌더링 적용할 수 있도록 환경을 제공하는 프레임워크

장점

• 페이지를 더 빠르게 로드하여 더 나은 UX를 제공한다.
• 사용자의 인터넷이 느린 경우에도 페이지로드를 서버측에서 도와준다.

단점

• 프로그램의 복잡성이 증가하고, 큰 응용 프로그램이라면 서버측 렌더링에 단일 병목 현상이 생길 수 있다.

해결방안

• 웹페이지에 따라, 클라이언트 측 렌더링을 할 수 있도록 해주는 방식을 함께 적용한다.