#1 CSR (Client Side Rendering)

웹에서 CSR은 Client Side Rendering의 약자로, 클라이언트 측에서 페이지를 렌더링하는 방식을 의미합니다. 

 

CSR의 특징

• 서버에서 페이지를 미리 준비해 보여주는 것이 아닌, 사용자의 브라우저에서 동적으로 생성되어 렌더링 됩니다 
   
• 서버로부터 받아온 데이터를 클라이언트에서 JavaScript를 통해 동적으로 조작하여 렌더링합니다 
   
• 모든 로직, data fetching, templating 및 라우팅은 서버가 아닌 클라이언트에서 처리합니다 
   

CSR과 비교되는 방식

• CSR과 비교되는 방식으로는 서버에서 페이지를 미리 준비해 보여주는 Server Side Rendering(SSR)이 있습니다 
   
• SSR은 인터넷 연결이 느린 사용자에게 유익할 수 있습니다 
   

렌더링이란?

• 렌더링이란 HTML, CSS, Javascript가 브라우저에서 출력되는 과정을 뜻합니다 
   
• 웹 개발에서 렌더링은 웹 페이지의 HTML, CSS, JavaScript 등을 해석하여 사용자가 보는 최종적인 화면을 생성하는 과정을 의미합니다