본문 바로가기

CSR3

SSR와 CSR Rendering 렌더링 -요청받은 내용을 브라우저 화면에 표시하는 작업. SSR ( server side rendering ) - 간단히 말하자면 제공하고자 하는 웹 서비스의 화면을 서버 측에서 그리는 방법을 통칭하는 용어이다. -서버로부터 완전하게 만들어진 html파일을 받아와 페이지 전체를 렌더링하는 방식 -서버에 페이지에 대한 요청을 하고 서버로부터 html, css, js파일 및 데이터를 전달받아 렌더링하는 방식입니다. => 서버에서 렌더링을 수행하는 방식 먼저 클라이언트가 초기 화면을 로드하기 위해 서버에 요청을 보냅니다. 그럼 서버는 화면에 표시하는데 필요한 데이터를 얻어와 모두 삽입하고 css까지 모두 적용해서 렌더링 준비를 마친 html과 js코드를 브라우저에 응답으로 전달합니다. 브라우.. 2023. 11. 23.
TTV, TTI TTV -time to view -사용자가 웹브라우저에서 내용을 볼수있는시점 TTI -time to interact -사용자가 웹브라우저에서 인터랙션(소통,교류) 할수있는 시점 CSR: TTV와 TTI가 같음. SSR: TTV와 TTI의 공백이 발생 TTV와 TTI의 간극을 줄이는게 중요하다 2023. 1. 31.
SSR, CSR SSR(Server Side Rendering) -웹페이지를 서버에서 렌더링한다. -브라우저가 서버의 URI로 get요청을 보내면, 서버는 정해진 웹페이지 파일을 브라우저로 전송한다. 그리고 서버의 웹페이지가 브라우저에 도착하면 완전히 렌더링된다. 서버에서 웹페이지를 브라우저로 보내기 전에 서버에서 완전히 렌더링했기때문에 ssr이라고 한다. -웹페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온다음, 웹페이지를 완전히 렌더링 된 페이지로 변환한후에 브라우저에 응답으로 보낸다. -브라우저가 다른 경로로 이동할때마다 서버는 같은 작업을 다시 수행한다. #사용 -SEO(Search Engine Optimization) 가 우선순위인 경우, 일반적으로 SSR(Server .. 2023. 1. 30.