728x90
(CSR) Client Side Rendering
최초 한번 페이지를 전체 로딩한 이후로 데이터만 변경하여 사용
HTML 다운+ JS파일 + 각종 리소스 다운 후
브라우저에서 렌더링을 함. 초기 View 로딩 속도는 오래 걸림.
초기 구동 속도 제외 그 다음부터는 빠른 인터렉션의 성능.
페이지를 읽는 시간+JS읽는 시간+JS 화면을 그리는 시간 =이후>보여짐
(SPA)Single Page Aplication
(SSR)server-side rendering -> Vue.js
html, view 리소스들이 어떻게 보여질지 해석하고 렌더링해서 보여줌.
요청시마다 새로고침이 일어나며 새로운 페이지에 대한 요청을 하는 방식
첫 로딩이 짧다.(View를 서버에서 렌더링하여 가져옴)
(SEO) Search Engine Optimization - 검색 엔진 최적화
<보안>
ssr에서는 사용자에 대한 정보를 서버 측에서 세션으로 관리
csr은 쿠키말고는 사용자정보를 저장할 공간이 마땅치 않음.
* ssr의 경우 초기 로딩속도가 빠르고 seo에 유리하지만, view 변경시 서버에 계속 요청해야해서 서버에 부담이 크다
** csr의 경우 초기 로딩속도는 느리지만 서버에 다시 요청할 필요없이 클라이언트 내에서 작업이 이루어지므로 매우 빠르다. 하지만 seo에 대한 문제가 있다.
728x90
'공부 > 개발일지' 카테고리의 다른 글
Visual Studio Code(VSCode) 한글/영어 설정하기 (0) | 2022.08.31 |
---|---|
AWS (Amazon Web Services) 시작하기- PuTTY로 접속 (0) | 2020.04.23 |
설계/분석 (0) | 2020.02.05 |
Vue.js 완전 처음 시작하기 (0) | 2020.01.09 |
GitHub 사용하기 (TortoiseGit, GitHub Desktop) (0) | 2020.01.04 |
Node.js 시작하기 (Win10) (0) | 2019.12.28 |
web programming debugger (0) | 2019.11.12 |