[Spring] HTML, HTTP API, CSR, SSR에 대한 나름의 이해

백엔드 개발자는 HTTP와 관련해서 크게 세가지를 제공한다.

1. 정적 리소스

2. HTML 페이지: 타임리프나 jsp로 동적으로 HTML을 생성한다.

3. HTTP API: 서버나 서버간, 웹클라이언트, 앱클라이언트에 데이터를 제공하기 위해 사용한다. JSON 형식으로 사용한다.

 

웹클라이언트는 React, Vue.js 앱클라이언트는 Android, Ios, PC 앱과 같은 것이다.

 

SSR은 서버 사이드 렌더링이다.

CSR은 클라이언트 사이드 렌더링이다.

SSR은 서버에서 HTML을 만들어서 클라이언트에게 제공하는 것을 의미한다. 정적인 화면에 사용한다.

CSR은 웹클라이언트 서버가 클라이언트에게 자바스크립트 코드를 주고 웹브라우저가 이를 실행해 서버에 데이터를 요청하고 받은 데이터를 이용해 렌더링하는 것을 의미한다. 동적인 화면에 사용한다. 

 

React, Vue.js를 CSR + SSR 동시에 지원하는 웹 프레임워크도 있다.

SSR을 사용하더라도 자바스크립트를 이용해서 화면 일부를 동적으로 변경할 수 있다.

 

백엔드 개발자는 jsp, 타임리프 등과 같이 서버 사이드 렌더링 기술은 필수로 학습한다.

클라이언트 렌더링 기술은 옵션으로 학습한다.

백엔드 개발자는 db, 서버, 인프라 등 할게 매우 많다. 따라서 선택과 집중이 필요하다.

 

Reference

---

https://www.inflearn.com/course/lecture?courseSlug=%EC%8A%A4%ED%94%84%EB%A7%81-mvc-1&unitId=71163

학습 페이지