
React
Next.js
리액트의 ssr을 쉽게 구현 할 수 있게 도와주는 간단한 프레임워크 (리액트는 라이브러리) next.js의 pre-rendering을 통해서 페이지를 미리 랜더링 하며 완성된 html을 가져오기 때문에 사용자와 검색엔진 크롤러에게 랜더링된 페이지를 전달할 수 있다. #SSR(server side rendering) -클라이언트 대신 서버에서 페이지를 준비하는 원리 -리액트에서는 클라이언트 사이드 렌더링(CSR) 하기 때문에 서버에 영향을 미치치않고, 서버에서 클라이언트로 응답해서 보낸 html 도 거의 비어있음 -next.js 에서는 서버사이드 랜더링을 이용하므로 사용자와 검색 엔진 크롤러에게 바로 렌더링 된 페이지를 전달할 수 있어 검색엔진 최적화에 좋은 영향을 줌 *CSR방식의 문제점 -서버에서 데이..