[Spring] CSR, SSR

SSR - 서버 사이드 렌더링(JSP, 타임리프)

서버에서 동적으로 최종 HTML을 생성해서 클라이언트에 전달

 

CSR - 클라이언트 사이드 렌더링(React, Vue.js)

HTML 결과를 자바스크립트를 사용해서 웹 브라우저에서 동적으로 생성해서 사용

주로 동적인 화면 사용, 웹 환경을 마치 앱처럼 필요한 부분부분 변경할 수 있음

1. 웹 브라우저에서 서버에 요청(html 내용 x, 자바스크립트 링크)

2. 자바스크립트 요청(클라이언트 로직, HTML 렌더링 코드)

3. http api - 데이터 요청(JSON으로 응답)

4. 자바스크립트로 HTML 결과 렌더링

 

CSR, SSR 동시에 지원하는 웹 프레임워크도 있음