Q. CSR과 SSR의 차이점은 CSR에서는 브라우저가 html, css, js 파일을 파싱하여 돔 트리를 생성하고, SSR에서는 서버가 돔 트리를 생성하여 브라우저에 전달한다는 점이니?
네, 맞습니다! CSR(클라이언트 측 렌더링)과 SSR(서버 측 렌더링)은 웹 페이지를 렌더링하는 두 가지 다른 접근 방식입니다.
CSR에서는 브라우저가 HTML, CSS 및 JavaScript 파일을 다운로드한 다음 이를 구문 분석하여 DOM(문서 객체 모델) 트리를 생성합니다. 그런 다음 브라우저는 이 트리를 사용하여 사용자 디바이스에서 페이지를 렌더링합니다. 즉, 대부분의 렌더링 작업은 클라이언트 측 또는 사용자의 디바이스에서 수행됩니다.
반면에 SSR은 서버가 DOM 트리를 생성하여 브라우저에 HTML로 전달합니다. 즉, 대부분의 렌더링 작업은 서버가 수행하고 브라우저는 미리 렌더링된 HTML을 표시하기만 하면 됩니다. SSR은 클라이언트가 페이지를 렌더링하기 위해 추가 작업을 수행할 필요 없이 서버가 완전한 형식의 페이지를 클라이언트에 전송할 수 있으므로 초기 페이지 로딩 속도가 빨라지고 SEO(검색 엔진 최적화)가 향상될 수 있습니다.
CSR과 SSR 모두 고유한 장단점이 있으며, 특정 웹사이트나 애플리케이션에 가장 적합한 접근 방식은 페이지의 복잡성, 콘텐츠 유형, 원하는 사용자 경험 등 다양한 요인에 따라 달라집니다.