CSR
-
SSR vs. CSR (feat. SEO)Topic/CS 2022. 3. 23. 21:16
SSR (Server Side Rendering) 웹 페이지를 브라우저에서 렌더링하는 대신, 서버에서 렌더링합니다. 브라우저가 서버에 URI로 GET 요청을 보내면, 서버는 정해진 웹 페이지 파일을 브라우저로 전송합니다. 그리고 서버의 웹 페이지가 브라우저에 도착하면 완전히 렌더립됩니다. -> 서버에서 웹 페이지를 브라우저로 보내기 전에, 서버에서 완전히 렌더링했기 때문에 Server Side Rendering이라 합니다. e.g. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우 -> 서버는 데이터베이스의 데이터를 불러와 웹 페이지를 완전히 렌더링한 후 브라우저에게 응답으로 보낸다. i.e. 웹 페이지를 보던 사용자가 브라우저의 다른 경로로 이동한다면 -> 이동할 때마다 서버는 다시 필요한 웹 페..
-
클라이언트 빌드 및 배포Topic/Node.js | server 2022. 1. 11. 16:58
SSR / CSR ✔️ SSR ( Server Side Rendering ) 웹 페이지를 서버에서 렌더링하는 방식 브라우저가 서버의 URI로 GET 요청을 보내면, 서버는 정해진 HTML 파일을 브라우저로 전송한다. 이 HTML파일이 브라우저에 도착하면 유저가 바로 볼 수 있다. 서버에서 웹 페이지를 브라우저로 보내기 전에, 서버에서 완전히 렌더링했기 때문에 SSR이라 한다. 웹 페이지의 내용에 데이터베이스의 데이터가 필요한 경우, 서버는 데이터베이스의 데이터를 불러온 다음 웹 페이지를 완전히 렌더링 된 페이지로 변환한 후에 브라우저에 응답으로 보낸다. 유저가 브라우저의 다른 경로로 이동할 때마다 서버는 리렌더링을 한다. 장점 1. 웹 페이지 로딩이 빠르다. // view를 서버에서 렌더링해 가져오기 때..