본문 바로가기

렌더링2

서버 사이드 렌더링과 클라이언트 사이드 렌더링 글자 그대로 생각하면 서버 사이드 렌더링은 서버에서 렌더링 하는 것이고 클라이언트 사이드 렌더링은 클라이언트에서 렌더링 하는 것이라고 생각됩니다. 이번 글에서는 이 의미가 맞는지 확인하고 어떠한 장점과 단점이 있는지 알아보겠습니다. :) 1. 서버 사이드 렌더링 (Server Side Rendering, SSR) 서버 사이드 렌더링은 서버에서 웹 페이지를 렌더링 하여 클라이언트로 전송하는 것입니다. 서버에서 페이지를 그려 놓은 후 브라우저에서 화면에 표시하는 것이라고 말할 수 있습니다. 또한, 서버 사이드 렌더링은 요청마다 새로고침이 일어나 웹 페이저 전체를 다시 로딩하는 특징을 가집니다. 서버 사이드 렌더링은 브라우저에 화면을 표시하는 가장 일반적인 방식입니다. 그러나 요즘의 웹 사이트는 너무나 많은 .. 2021. 9. 1.
브라우저 동작 방법 이 글은 html5rocks.com에 "How Browsers Work: Behind the scenes of modern web browsers"를 참고하여 작성한 글입니다. 브라우저 주소창에 http://naver.com 나 https://www.daum.net/같은 url을 입력하고 엔터를 누르면 어떻게 새로운 페이지가 뜨는지 배워보겠습니다. 1. 브라우저 브라우저는 웹 페이지, 이미지, 비디오 등 다양한 정보를 수신, 전송, 그래픽 표현을 하는 소프트웨어 이다. 예를 들어 마이크로소프트 엣지, 크롬, 사파리, 파이어폭스 등이 있습니다. 브라우저는 클라이언트 / 서버 모델로 클라이언트는 웹 서버에 접속하여 정보를 요청하고, 서버는 해당 정보를 HTTP프로토콜을 따라 웹 브라우저에 전송합니다. 2. .. 2021. 8. 24.