SSR에서 웹의 동작 방식

• SSR의 동작 방식을 살파보면

  • 브라우저에서 프론트 서버로 /mypage를 요청을 보낸다.
  • 프론트 서버에서 백엔드 서버로 GET /user와 같은 요청을 보낸다.
  • 백엔드 서버에서 데이터베이스에 유저 정보를 요청하고 반환된 데이터를 프론트 서버까지 반환해준다.
  • 프론트 서버에서 데이터와 HTML을 합쳐서 브라우저로 보내준다.

SPA(CSR)에서 웹의 동작 방식

• SPA(CSR)의 동작 방식을 살펴 보면

  • 브라우저에서 프론트 서버로 /mypage를 요청하면 프론트 서버는 프론트 서버에 미리 가지고 있는 html,css,js,image 등을 브라우저로 먼저 넘긴다.
  • 이 과정에서 데이터는 포함되어 있지 않기 때문에 브라우저는 로딩화면을 보여주고 바로 백엔드 서버로 GET /user와 같은 요청을 보낸다.
  • 요청을 받은 백엔드 서버는 데이터베이스에 유저 정보를 요청하고 데이터베이스로부터 받은 데이터를 브라우저로 넘겨주고 데이터를 넘겨받은 브라우저는 로딩 화면을 중지시키고 프론트 서버로부터 받은 페이지들과 데이터를 합쳐서 유저에게 보여주게 된다.