[FE] SSR vs CSR?!

SSR(Server Side Rendering), CSR(Client Side Rendering)

CSR

클라이언트 단에서 렌더링이 발생함
초기 로딩은 오래걸리지만, 이후 렌더링 시 서버요청이 불필요해서 응답속도가 빠름
동적으로 생성된 화면이므로, SEO(검색엔진)에 취약함

SSR

서버 단에서 렌더링이 발생함
초기 로딩이나 페이지 전환 시 서버요청이 발생하므로 응답속도는 평균적임
화면 로직도 서버단에서 구현을 한채로 넘겨야하므로 로직작성이 어려울 수 있음
렌더링이 된 상태이므로, SEO에 능함