클라이언트 사이드 렌더링 CSR

이전 강의에 연속해서 from 조은의 프론트엔드 실무 가이드 : 요구사항 분석과 적정 기술

클라이언트 사이드 렌더링 CSR 에 관한 내용이다.

브라우저 렌더링 101을 통해 전체적인 느낌을 알고 세부적으로 CSR, SSR, Static file 이렇게 설명하는 것 같다.

내용의 말미에 나오는 칠판을 아래에 공부용으로 스샷

CSR - 클라이언트 사이드 렌더링 강의 판서

강조하는 내용을 간략하게 정리해 보면,

브라우저의 JS (JavaScript) 엔진들이 각자의 Component 를 만들고 JSX 등을 활용해서 바로 DOM을 정의해서 구현하는 것, 이것이 CSR, 클라이언트 사이드 렌더링이라고 말 할 수 있다.

특징적인 내용은 실시간성을 원하는 경우, 자연스러운 페이지 이동을 원하는 경우

혹은 페이지의 일부만 변경되어 자연스런운 렌더링이 필요한 경우

활용되는 기술이라고 볼 수 있다. 

기술 이름에서 내용이 다 설명되어 있으므로, 구체적으로 설명하는 것이 어렵지 않지만 일단 개념을 잡아주는 강의 좋네

성능 좋은 클라이언트를 많이 이용해야지 서버가 힘들어

Tranmautritam 님의 사진, 출처: Pexels