티스토리 뷰
반응형
CSR(클라이언트 사이드 렌더링) 이란?
클라이언트에서 렌더링 되는 것!
HTML, CSS, JavaScript 파일이 클라이언트에게 전송되면 클라이언트에서 JavaScript(index.js)가 실행되고, 동적으로 페이지의 내용이 생성되고 렌더링된다. 클라이언트에서 데이터를 비동기적으로 가져와서 페이지를 업데이트하거나 추가적인 뷰 변경을 수행할 수 있다.
단점
- 사용자가 첫화면을 보기까지 시간이 오래걸림
SSR(서버 사이드 렌더링) 이란?
서버에서 렌더링 되는 것!
서버에서 이미 잘 만들어진 index.html을 받아온다. 클라이언트 요청 시에 서버는 필요한 데이터를 가져와서 완전한 HTML 페이지를 동적으로 생성하여 클라이언트에게 반환한다. 클라이언트는 받은 HTML을 단순히 표시하고, 추가적인 데이터 요청이나 뷰 변경이 필요한 경우에는 서버에 요청을 보내야 한다.
장점
- CSR보다 첫번째 페이지로딩이 빠름
- 모든 컨텐츠가 HTML에 담겨있어서 효율적
단점
- 서버에 과부하가 걸릴 수 있음
요약하자면
CSR은 클라이언트에서 JavaScript를 사용하여 페이지를 동적으로 렌더링하고 업데이트하는 방식이며,
SSR은 서버에서 페이지의 초기 렌더링을 수행하여 완전한 HTML 페이지를 클라이언트에게 제공하는 방식이다!
반응형
'Coding' 카테고리의 다른 글
| [python] 마우스, 키보드, 메시지 박스 자동화 (0) | 2023.10.13 |
|---|---|
| [python] 기초 문법(if문, 반복문, 함수) (0) | 2023.10.10 |
| 비밀번호 암호화 (0) | 2023.05.30 |
| [포스코x코딩온] 웹 풀스택 과정 5주차 시퀄라이즈(Sequlize) (0) | 2023.05.29 |
| 원티드 프리온보딩 커리어 킥오프 SPRING (0) | 2023.03.20 |
댓글