Server는 무엇을 serve 하는가?

Server가 HTML을 전달하는 건 알고 있을 것이다.

그렇다면 모바일 앱이나 웹 프론트엔드는 어떻게 동작하는 것일까?

 

이번 시간에는 서버가 HTTP를 통해 무엇을 주고받는지 정리하겠다.

---

1. 정적 리소스

미리 만들어 둔 HTML, CSS, JS, 이미지, 영상 등을 제공한다.

웹 서버는 단순하게 서빙

 

2. 동적 리소스

서버가 HTML을 동적으로 바꿔서 전달한다.

DB에서 데이터를 조회한 후 템플릿 엔진이 동적으로 HTML을 생성

MVC와 템플릿 엔진
- MVC: Controller가 HTML 생성을 위한 뷰 템플릿(View)과 데이터(Model)를 지정
- 템플릿 엔진: 데이터(Model)를 받아 동적으로 HTML을 생성한다. (JSP, PHP, Thymeleaf 등)

 

3. HTTP API

HTML이 아니라 데이터를 전달한다! (주로 JSON 형식 사용)

HTML이 아니라 JSON 형식으로 데이터를 내려줬다

 

 

HTTP API는 다양한 시스템에서 호출한다

: 앱, 웹 클라이언트, 서버

HTTP API를 통해 데이터만 주고 받고주고받고, UI 화면이 필요하면, 클라이언트가 별도 처리한다.

웹/앱 클라이언트, 서버는 HTTP API를 호출하여 서버로부터 데이터를 받는다.

• UI 클라이언트 예) 브라우저에서 JS를 통해 fetchAPI로 JSON을 내려받는다
• 서버 간 통신 예) MSA 구조에서 서비스 간 데이터 통신

 

 

---

 

참고 자료 & 이미지 출처
스프링 MVC 1편(김영한 님)
모든 개발자를 위한 HTTP 웹 기본 지식 (김영한 님)