1. CSR

1. [설명]
   1. Client 측 렌더링의 약자로, Client가 웹 페이지를 렌더링하는 데 필요한 html, css 및 javaScript 를 용청하는 것을 말합니다
   2. Client의 성능에 영향을 미칩니다
2. [예시]
   1. Client가 느리거나 고사양의 웹 브라우저를 사용하지 않는 경우 웹 페이지가 느리게 로드되거나 제대로 렌더링되지 않을 수 있습니다
3. [장점]
   1. SSR에 비해 개발이 더 쉽고, Client가 웹 페이지를 렌더링하기 때문에 Server 측 코드를 작성할 필요가 없습니다
4. [단점]
   1. 개발이 쉽지만 성능이 떨어 질 수 있습니다

2. SSR

1. [설명]
   1. Server측 렌더링의 약자로, Server가 웹 페이지를 렌더링하고 Client에 전송합니다
   2. Server가 웹 페이지를 렌더링하기 때문에 Client의 성능에 영향을 미치지 않습니다
2. [예시]
   1. Client가 느리거나 고사양의 웹 브라우저를 사용하지 않는 경우에도 웹 페이지는 빠르게 로드되고 제대로 렌더링 됩니다
3. [장점]
   1. CSR에 비해 성능이 좋고, Server가 웹 페이지를 렌더링하기 때문에 Client의 성능에 영향을 미치지 않습니다
4. [단점]
   1. 성능은 좋지만 개발이 어려울 수 있습니다