[AJAX]SSR, CSR

SSR(Server Side Rendering)

웹 페이지를 브라우저에서 렌더링하지 않고 서버에서 완전히 렌더링 -> 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송

브라우저가 다른 경로로 이동할 때마다 서버는 같은 작업을 반복

• SEO(Search Engine Optimization)가 우선순위인 경우
• 웹 페이지의 첫 화면 렌더링이 빠르게 필요한 경우, 단일 파일의 용량이 작기 때문.
• 웹 페이지가 사용자와 상호작용이 적은 경우

CSR(Client Side Rendering)

클라이언트에서 페이지를 렌더링 -> 브라우저의 요청을 서버로 보내면 서버는 웹 페이지의 단일 페이지(Single Page)와 JS를 클라이언트로 전송 -> 웹 페이지와 JS를 받아 완전 렌더링

• SEO 가 우선순위가 아닌 경우
• 사이트에 풍부한 상호 작용이 있는 경우, 빠른 라우팅으로 강력한 사용자 경험을 제공하기 때문.
• 웹 애플리케이션을 제작하는 경우