next.js

SSR, CSR 비교

렌더링 이란 브라우저 렌더링이란 브라우저가 서버로부터 요청해 받은 내용을 브라우저 화면(view)에 표시해주는 작업을 말함 즉, 브라우저가 서버로부터 HTML, CSS, JavaScript 문서를 전달받아 브라우저 엔진이 각 문서를 해석해 브라우저 화면을 그려주는 것 만약 www.naver.com 을 입력한다면, 네이버의 서버로 화면을 그릴 내용을 요청하고 받아서 화면에 그림 Client 에서 그린다면 CSR, Server 에서 그린다면 SSR 임 CSR CSR 이란? CSR = Client Side Rendering 사용자가 요청할 때 마다, 리소스를 서버에서 보내주면 클라이언트 (브라우저) 는 이를 해석 해서 화면에 그려줌 예시 body 안에는 id="root" 만 달랑 하나 들어있고, 어플리케이션에..