[Develog] SSR과 CSR 비교

SSR(Server Side Rendering)

• 서버에서 렌더링 하는 방식 = 서버에서 HTML을 생성하고 클라이언트에게 전송하는 방식
• 장점 : 서버에서 HTML을 생성하기 때문에 초기 로딩 속도가 빠름
• 단점: 서버에 부하가 많이 걸릴 수 있다.

CSR(Client Side Rendering)

• 클라이언트에서 렌더링 하는 방식 = 클라이언트에서 HTML을 생성하는 방식
• 장점: 클라이언트에서 HTML을 생성하기 때문에 페이지를 넘길 때 어색함이 줄어드는 등 사용자 경험이 좋고 SSR보다 더 많은 상호작용을 제공할 수 있다.
• 단점: 초기 로딩 속도가 느리고 검색엔진이 HTML을 인식하지 못하기 때문에 SEO에 좋지 않다.