*별 내용없지만 기록하지 않고 넘어가기엔 찝찝해서 써보는 블로깅.
브라우저 <-> 서버 <-> 데이터베이스
브라우저와 서버, 그리고 데이터베이스간의 통신 방식으로 SSR / CSR 두가지를 들 수 있다.
1. SSR / CSR 이란?
SSR
브라우저가 서버에 GET 요청을 보낼 시 서버에서 완전히 렌더링 된 채 브라우저에 전달하는 방식
CSR
서버는 단일페이지, js 파일. 그리고 데이터가 필요할 시 API 를 연결해서 브라우저에 보내주게 되는 방식. 즉, 브라우저가 요청한 경로에 따라 페이지를 렌더링 한다.
2. SSR / CSR 의 차이
두개의 큰 차이점으로 페이지가 렌더링 되는 위치를 들 수 있다.
SSR
동적. 서버에서 페이지를 렌더링한다.
SSR이 필요한 경우는 다음과 같다.
- 검색엔진
- 첫 화면이 빠르게 렌더링 되어야 하는 경우 (단일파일의 용량이 적은 ssr 일경우)
- 웹페이지가 사용자와 상호작용을 적게할 경우
CSR
정적. 브라우저에서 페이지를 렌더링 한다.
다른경로를 요청할 경우 전체를 새로고침하지 않고 라우팅관리가 된다.
HTML 코드 자체로 배포가 가능하다.
CSR 이 필요한 경우는 다음과 같다.
- 사이트와 상호작용이 많이 일어날 경우.
- CSR은 라우팅으로 빠르게 사용자경험이 가능.
- 웹 어플리케이션은 CSR 을 이용해 더 빠른 동적렌더링 제공가능.
FrontEndDeveloper