server side rendering

https://medium.com/@simranjitkamboj/creating-a-web-application-using-python-flask-with-server-side-rendering-9ebea8204193

서버 사이드 렌더링이란 ?

• 서버에서 페이지를 그려 클라이언트(브라우저)로 보낸 후 화면에 표시하는 기법을 의미합니다. 뷰 싱글 페이지 애플리케이션을 서버 사이드 렌더링의 반대인 클라이언트 사이드 렌더링 방식입니다. 이 글에서는 클라이언트 사이트 렌더링과 서버 사이드 렌더링 방식의 차이점을 살펴보고 서버 사이드 렌더링의 장단점을 분석해 보겠습니다.

Flask server rendering 장점

• 성능 : 브라우저가 서버에 요청을 보내면 브라우저가 여러 JavaScript 파일을 함께 연결할 필요 없이 서버가 렌더링할 준비가 된 HTML 페이지로 응답합니다. 브라우저는 JavaScript가 다운로드 및 실행되기 전에 페이지 표시를 시작할 수 있으므로 사용자에게 애플리케이션이 매우 빠르다는 느낌을 줄 수 있습니다.

• 단순성 : Python을 알면 Flask를 시작하는 것이 매우 쉽습니다. 학습 곡선은 그리 크지 않으므로 이론상으로는 애플리케이션 개발을 훨씬 빠르게 시작할 수 있습니다. 함께 제공되는 몇 가지 웹 특정 측면이 있지만 Python의 데코레이터에 익숙하다면 괜찮을 것입니다.

• 유연성 : Flask는 애플리케이션에 필요한 최소한의 기능만 제공합니다. 이것은 개발자가 프레임워크와 함께 제공되는 패키지나 기타 기능에 구애받지 않고 자체적으로 패키지 또는 기타 기능을 추가할 수 있도록 하기 때문에 좋습니다. 어떤 사람들은 이제 필요한 것이 무엇인지 파악해야 하기 때문에 이것이 더 번거롭다고 생각할 수도 있지만 실제로 이것은 애플리케이션 복잡성을 최소로 유지하면서 많은 유연성을 제공합니다.

더보기

server side rendering의 장점을 더 알아보던 중에
https://dev.to/sunnysingh/the-benefits-and-origins-of-server-side-rendering-4doh
열띤 토론장을 발견했다.
모든 것이 장,단점이 있지만 해당 내용을 보니 머리가 아파왔는데...

위 사람은

• 검색 엔진 최적화
• 소셜 미디어 최적화
• 성능
• 사용자 경험
  에 대한 언급을 했다.

공통적으로 내가 본 두 명의 개발자는 성능면에서, 그리고 빠르게 웹사이트를 만들어 볼 수 있다고 말하고 있었다.

열띤 토론에 대한 내용은 단일 페이지 애플리케이션(SPA)에 대한 것이었는데
정확하게는 잘 모르겠지만, SSR을 활용하면서 SPA까지 경험을 해본다면 더 좋겠다 라고 말하는 것을 보니 SSR을 하면서도 추가적으로 SPA라는 것을 알아봐야겠다고 생각했다.

https://velog.io/@fromzoo/SSR-vs-SPA

해당 내용에 대해서 정리를 잘해두신 분 블로그를 가지고 와보았다.

https://jaroinside.tistory.com/24
그리고 그 분이 참고한 블로그도 가지고 와보았다.

내용이 뭔가 상당히 깊어보이는데..
정리해서 차이점을 알아보면

• SSR(서버 사이드 렌더링)은 초기 로딩 속도가 빠르고, SEO(검색엔진최적화)에 유리하지만, VIEW 변경 시 서버에 계속 요청을 하기 때문에 서버에 부담이 크다.

• CSR(클라이언트 렌더링)은 초기 로딩 속도가 느리지만, 초기 로딩 후 서버에 다시 요청하지 않고 클라이언트 내에서 작업이 이루어지므로 매우 빠르다. 단, SEO에 대한 문제가 있다.

• SPA는 첫 로딩 시 전체 페이지를 로딩하고 필요한 데이터만 JSON형태로 받아와서 동적으로 렌더링하는 방식이다. 첫 화면 로딩시에 모든 화면이 미리 준비되어 있어야하기 때문에 로딩 시간이 걸린다.