본문 바로가기

Computer Science/Web2

img SSR(Server-side Rendering)이란 무엇인가. SSR 이란 ? SSR이란 렌더링의 방식이다. 렌더링이란, 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이라고 이전에도 말했다. 알겠나 ? CSR vs SSR CSR은 내 클라이언트에서 로직을 수행하는 반면, SSR은 서버에서 모든 것을 처리한다. 페이지를 이동할 때마다 서버에 데이터를 요청하고, 서버에서는 모든 로직을 처리하고 데이터를 클라이언트에게 주는 것이다. SSR이란 Server, 즉 서버에서 렌더링 하는 것이다. 우리가 서버에 데이터를 요청할 때 마다, 서버는 완성된 페이지를 보내주고, 클라이언트는 그것을 받아 렌더링 한다. 두 개의 비교를 이쁘게 한 사진을 찾아서 첨부한다. 이전 글과 같은 출처의 SSR 버전의 사진도 첨부했다. 그렇다면 각광받는 SSR의 장점은 대체 무엇일까.. 2022. 9. 21.
img CSR(Client-side Rendering)이란 무엇인가. CSR 이란 ? CSR이란 렌더링의 방식이다. 렌더링이란, 서버로부터 요청해서 받은 내용을 브라우저 화면에 표시해주는 것이다. 알겠나 ? CSR 이란 ? 2트 그 정도로는 알 수 없다. 그렇다면 CSR이란 무엇인가.... CSR을 알기 전에 SPA부터 알아야한다. SPA vs MPA SPA란 Single Page Application. 즉 한 페이지로 구성된 앱이라는 뜻이다. React 개발할 때 보면 html 파일이 한 개다. 왜냐 ? SPA, Single Page Application 이기 때문이다. 이 하나의 html 파일에서 모든 정보를 사용할 수 있는 것이다. 일종의 웹 애플리케이션 아키텍쳐라고 볼 수 있다. 반대는 MPA가 있다. 뭐 똑같은데 single이 아니라 multi인 것이다. 과거에는.. 2022. 9. 19.
반응형