ssr.vuejs.org/#what-is-server-side-rendering-ssr
Vue.js Server-Side Rendering Guide | Vue SSR Guide
Vue.js Server-Side Rendering Guide NOTE This guide requires the following minimum versions of Vue and supporting libraries: vue & vue-server-renderer 2.3.0+ vue-router 2.5.0+ vue-loader 12.0.0+ & vue-style-loader 3.0.0+ If you have previously used Vue 2.2
ssr.vuejs.org
VueJS의 공식 문서에서 소개된 서버 사이드 랜더링의 소개입니다.
SSR(Server Side Rendering)이 무엇인지 어떤 장점이 있는지 설명하고 있습니다.
SSR이란 무엇인가?
사용자가 브라우져를 이용하여 어플리케이션에 접근을 하면, 서버로 부터 받은 HTML정보를 바탕으로 브라우져가 DOM을 생성하게 됩니다. 하지만 서버에서도 문자로된 HTML 정보를 랜더링하여, 브라우져에게 전달할 수 있습니다.
왜 SSR을 써야하는가?
-더 나은 SEO
검색엔진이 애플리케이션을 접근하게 될 경우, 접근한 페이지가 ajax 같은 처리가 끝나는 것을 기다려주지 않기때문에,
비동기적 화면에서 SEO가 중요하다면 SSR이 필요할 것입니다.
-더 빠른 컨텐츠 접근
서버에서 이미 작업이 완료된 결과물을 전달해주기 때문에, 사용자는 javascript를 다운받아 페이지를 랜더링하는 과정이 필요없습니다. 그래서 인터넷, 기기가 느린 환경에서 SSR이 사용자에게 더 나은 경험을 제공할 수 있습니다.
SSR을 이용할 때 고려해야할점
- 개발 제약사항. 브라우져에 따른 고려 혹은 외부 라이브러리 사용시 제약사항 고려해야한다
- SSR을 지원을 위한 설정과 배포가 더 많을 수 있다
- 서버에서 랜더링하기때문에 서버에 부하를 줄 수 있다
가장 먼저 서버 사이드 랜더링은 사이트에 적용을 해야할 지 고민해야 합니다. 서버 사이드 랜더링은 특히 컨텐츠를 전달하는 속도가 얼마만큼 중요한지에 따라 필요성이 달려있습니다. 그러한 요구사항이 없다면 서버사이드 랜더링은 필요이상의 기술일 수 있습니다.
'IT팁' 카테고리의 다른 글
| 오라클 클라우드 무료사용하기 (0) | 2021.08.12 |
|---|---|
| FQCN (Fully Qualified Class Name) (0) | 2021.01.03 |
| Bouncer Pattern (0) | 2020.08.19 |
| Builder Pattern (0) | 2020.07.18 |
| ATDD - 1 (0) | 2020.07.03 |
