렌더링이란?
[웹] 렌더링(Rendering)이란?
렌더링이란? 화면에 표시할 웹 페이지를 만드는 과정 렌더링과정 1. HTML을 구조별로 분류하여, DOM 객체를 생성. 2. CSS를 구조별로 분류하여, 스타일 규칙 생성. 3. DOM 객체, 스타일 규칙 합쳐, 화면(
defineall.tistory.com
서버 사이드 렌더링 ( SSR )
서버측에서 렌더링하여, 클라이언트 쪽으로 보내주는 것 ( 브라우저는 출력만 함 )
클라이언트 사이드 렌더링 ( CSR )
서버에서 데이터를 받아와, 클라이언트 환경에서 렌더링하여 브라우저 화면에 표시하는 것
서버 사이드 렌더링 ( SSR ) | 클라이언트 사이드 렌더링 ( CSR ) |
서버에서 렌더링 | 클라이언트에서 렌더링 |
서버는 완성된 웹 페이지를 보냄 | 서버는 웹 페이지 재료를 보냄 |
사용자가 새로운 페이지를 가져오면 , 서버에서 다시 받아옴 | 재료를 통해 사용자의 상황에 따라 웹페이지 새로구성 ( 서버에 요청할 필요 없음 ) |
처음에 많은 재료를 받아오기 때문에, 로딩 시간 김 |
반응형
렌더링이란?
[웹] 렌더링(Rendering)이란?
렌더링이란? 화면에 표시할 웹 페이지를 만드는 과정 렌더링과정 1. HTML을 구조별로 분류하여, DOM 객체를 생성. 2. CSS를 구조별로 분류하여, 스타일 규칙 생성. 3. DOM 객체, 스타일 규칙 합쳐, 화면(
defineall.tistory.com
서버 사이드 렌더링 ( SSR )
서버측에서 렌더링하여, 클라이언트 쪽으로 보내주는 것 ( 브라우저는 출력만 함 )
클라이언트 사이드 렌더링 ( CSR )
서버에서 데이터를 받아와, 클라이언트 환경에서 렌더링하여 브라우저 화면에 표시하는 것
서버 사이드 렌더링 ( SSR ) | 클라이언트 사이드 렌더링 ( CSR ) |
서버에서 렌더링 | 클라이언트에서 렌더링 |
서버는 완성된 웹 페이지를 보냄 | 서버는 웹 페이지 재료를 보냄 |
사용자가 새로운 페이지를 가져오면 , 서버에서 다시 받아옴 | 재료를 통해 사용자의 상황에 따라 웹페이지 새로구성 ( 서버에 요청할 필요 없음 ) |
처음에 많은 재료를 받아오기 때문에, 로딩 시간 김 |
반응형