CSR vs SSR비교

 

	CSR	SSR
기준 : 콘텐츠를 어디서 만들어 내느냐	클라이언트	서버
용도		웹컨텐츠가 많을 때
과정
	html > js해석 > dom > render tree > layout > layout > paint > render	server > db > api > data > html
장점	실시간성 보장 특정 부분에서 재렌더링 가능	SSR가 훨씬 빠름_컴퓨팅 파워가훨씬 좋기 때문
		next.js node template engine

csr 브라우저에서 js파싱 > dom 그림 > 

 

google 검색엔진이 체감하는 속도대로 상위노출을 시켜주기 때문에 SSR을 이용할 경우, 성능에 이점이 있는 SEO 전략에 좋다.

React

React DOM : React + dom  연결

React Hydrate 사용해야 함

 

NEXT.js : 이미지 최적화, 렌더링 최적화, 캐시 수행, 환경 구축, API Proxy, Docker 이미지 말기 수월해짐