300x250 SEO2 SSR(서버사이드 렌더링)과 CSR(클라이언트 사이드 렌더링) MPA와 SPA, SSR과 CSR에 대한 포스트입니다. 목차 MPA vs SPA SSR 개념, 동작과정, 장단점 CSR 개념, 동작과정, 장단점 렌더링 방식 선택 기준 Universal Rendering MPA vs SPA 먼저 MPA, multi page application의 약자로 여러 페이지로 구성된 웹 어플리케이션입니다. 사용자의 클릭과 같이 인터렉션이 발생할 때마다 서버로부터 새로운 html을 받아와서 해당 링크로 이동하여 페이지 전체를 새로 렌더링하는 전통적인 웹 페이지 구성 방식입니다. 다음은 SPA, Single Page Application의 약자로 하나의 페이지로 구성된 웹 어플리케이션 입니다. 브라우저에 최초에 한번 페이지 전체를 로드하고, 이후부터는 특정 부분만 Ajax를 통해 데.. 2021. 10. 28. [네트워크 기초] SSR(server side rendering)과 CSR(client side rendering)의 차이 SSR 정의 server-side rendering 서버쪽에서 렌더링을 한다는 뜻이다. 위의 그림 중 첫번째 단계를 보면 렌더가 된 내용이 있는 html을 브라우저에게 보내준다. 보내면 브라우저는 html을 바로 볼 수 있다. because 내용이 다있기 때문에! 자바스크립트 파일을 다운받고 4단계에서부터 상호작용 할 수 있다. 우리는 2단계에서부터 내용을 볼 수 있다. html 파일에 내용이 있느냐 없느냐의 차이가 ssr과 csr의 가장 큰 차이점이다. CSR(Client-Side-Rendering) html 파일안에 아무 내용이 없다. js파일을 받아서 js을 실행시켜야 그 내용이 보여진다. document.createElement 로 태그를 만들어서 붙여넣는다. 그렇게 마지막 단계에서 모든 내용과 .. 2021. 6. 24. 이전 1 다음 반응형
