-
0. Rendering
1) request 받은 내용을 browser에 표현하는 것
2) Loader가 서버에서 정보를 불러옴
3) DOM tree가 구축되는 동안 browser는 Render tree를 구축
4) CSS 설정 및 layout 위치 지정
5) Rendering tree가 그려짐
1. Client Side Rendering: 페이지의 내용을 브라우저에서 그려냄
1) request
2) empty HTML + JS, CSS ...
3) request JS: 초기 rendering을 위해서
4) JS code 호출
5) 첫 페이지 로딩 후 필요한 부분만 다시 읽어들임
6) 1) ~ 4) 과정을 거치므로 첫 페이지 로딩이 느림
2. Server Side Rendering: 서버에서 페이지를 그려 client인 브라우저로 보낸 후 화면에 표시하는 기법1) 검색 엔진의 최적화
2) 빠른 페이지 rendering: rendering된 HTML을 전달해주기에 초기 로딩속도가 빠름
3) 서버에서 동적으로 계산하여 페이지를 rendering하기 때문에 서버 부하 발생 가능성 존재
4) 서버에서 매 번 페이지를 새로 전달받기에 서버에서 페이지를 생성하는 시간이 소요됨