💻1 렌더링이란?

지난주에 브라우저 렌더링과 React의 렌더링에 대해서 소개했다.

🔉브라우저 렌더링

브라우저의 렌더링 엔진이 html을 픽셀로 변환하여 화면에 보여주는 것

🔉리엑트 렌더링

리엑트 엔진 내부에서 UI 컴포넌트를 호출하여 화면 업데이트 방법

*** 참고로 여기의 render 구간은 html을 만드는 것이 아니라 ui를 어떻게 그릴지 계산하는 과정이다*

🔉누가 HTML을 만드는가?

“HTML 콘텐츠를 생성하는 과정” 측면에서 렌더링의 종류가 나뉘는 것에 대해 소개하고자 한다.

🎨클라이언트 측 렌더링(CSR, Client Side Rendering)

**클라이언트(브라우저)**가 자바스크립트를 사용하여 HTML 콘텐츠를 생성하는 방식

🎨서버 측 렌더링(SSR, Server Side Rendering)

서버에서 HTML 콘텐츠를 생성하여 클라이언트로 전송하는 방식.