Q1. CSR과 SSR가 무엇인가요?

A1. CSR은 클라이언트 사이드 렌더링(Client Side Rendering)의
줄임말이고, 서버에 요청한 데이터를 클라이언트에서 렌더링합니다.
SSR은 서버 사이드 렌더링(Server Side Rendering)의 줄임말이고, 요청한 데이터를 서버에서 렌더링한 후 브라우저에게 전달합니다.
(렌더링 방식의 차이입니다.)

Q2. 렌더링을 서버에서 하냐, 클라이언트에서 하냐가 어떤 차이가 있나요?

A2. SSR의 경우엔, 요청한 내용의 HTML을 서버에서 다 표현해서 브라우저에게 보내줍니다.
따라서 사용자의 검색어에 노출이 잘 될 수 있는 SEO(검색엔진 최적화)의 강점이 있습니다.
하지만, 페이지를 이동하는 등 페이지의 새로고침이 있을 경우 때마다 덩어리가 큰
HTML을 계속 보내줘야하기 때문에 서버에 많은 부담감을 줄 수 있습니다.
반대로 CSR 은 서버에서 HTML이 담긴 자바스크립트 링크를 브라우저에게 보내줍니다.
페이지 이동 시에도 필요한 데이터만 보내주기 때문에
서버에 부담감을 덜 수 있고, 화면 깜빡임(리로딩)이 없습니다.
하지만 HTML이 아닌 자바스크립트 링크를 받기 때문에 사용자의 검색어에
노츨이 되기 어려운 점이 있습니다.

A2-2. 예시로 검색 노출이 잘 되어야 하는 뉴스, 신문 기사 사이트 등은
SSR 렌더링 방식을 활용하는 것이 좋습니다.
반대로, 사용자의 이벤트(클릭, 페이지 이동 등)가 많은 쇼핑몰이나, 예약 사이트 같은 경우에는
CSR 렌더링 방식을 활용하는 것이 좋습니다.
(하나, 검색노출을 중요시 하는 특정 쇼핑몰 사이트는 SSR 방식을 사용하기도 합니다.)