클라이언트 사이드 렌더링 / 서버 사이드 렌더링

클라이언트 사이드 렌더링
- 클라이언트가 주체
- 데이터를 만들어주고 뿌려주는 것이 클라이언트 (React..)

- JavaScript를 사용해서 HTML 문서를 렌더링 합니다.

- 처음에 브라우저가 서버로부터 HTML과 static 파일을 받아오고 나면, 사용자의 요청에 따라 js를 통해 view를 동적으로 렌더링 하는 방식입니다.

- 처음에 모든 파일을 요청해서 다운로드하기 때문에 처음 로딩 속도가 느립니다.

- 하지만 데이터 요청 시에만 서버에 요청하기 때문에 처음 이후로는 페이지 전환이 빠르며 서버에 부담이 적습니다.
- 처음에는 HTML 파일에 아무것도 없기 때문에 검색이 안 됩니다.

 

서버 사이드 렌더링
- 서버에서 완성해서 return 해주는 것

- 모든 데이터가 매핑된 페이지를 클라이언트에 바로 보여줄 수 있습니다.

- 서버에서 데이터를 받아서 페이지를 응답해 주기 때문에 클라이언트 사이드 렌더링보다는 느립니다.

- 새로운 페이지 요청을 할 때마다 서버로부터 HTML과 data가 덧붙여진 템플릿을 받아옵니다.

- 뷰가 전환이 될 때마다 서버와 응답하고 새로운 뷰를 응답해주기 때문에 서버에 부담이 가고 새로고침 하듯이 깜빡거립니다.

- 검색이 가능합니다.