[Spring] HTML, HTTP API

 

 

 

 

정적 리소스 

• 웹 브라우저가 웹서버에 고정된 HTML 파일, CSS, JS 이미지, 영상 등을 요청하고 제공 받는다.

 

---

 

WAS 개발시 보내주는 데이터

• 사용자 요청에 따라 동적인 기능을 제공하려면 WAS가 반드시 필요하다.
• WAS를 개발하면서 클라이언트에게 보내주는 데이터는 크게 2가지다.
  • HTML 파일
    • JSP, 타임리프 등 템플릿 엔진을 통해 뷰 템플릿을 return
    • 동적 리소스가 여기에 해당된다.
  • 데이터만 보낸다.
    • HTML 파일을 주지 않고, 필요한 데이터만 보내주는 형식 → 주로 JSON 형식을 많이 쓴다.
    • API 개발 방식

 

🔍 동적 리소스

• 웹 브라우저가 WAS에게 동적으로 필요한 HTML 파일을 요청하면 WAS가 동적인 HTML 파일을 생성해서 제공해준다.
  • 필요시 WAS가 DB에 데이터를 요청하고 제공 받는다.
• 웹 브라우저는 WAS에게 제공 받은 HTML을 해석한다.

 

 

🔍HTTP API

• HTTP API는 HTTP를 사용해서 서로 정해둔 스펙으로 데이터를 주고 받으며 통신하는 것이다.
• 웹 브라우저에게 HTML 을 전달하는 것이 아니라 데이터를 전달한다.
• 주로 JSON 형식의 데이터를 전달한다.

 

 

• HTTP API는 3가지 경우일 때 사용이 된다.
  • 앱 클라이언트 to 서버
  • 웹 클라이언트 to 서버
    • 자바 스크립트를 통한 HTTP API 호출
    • React, Vue.js 등등
  • 서버 to 서버
    • 주문 서버 → 결제 서버
    • 기업간 데이터 통신
• HTTP API는 데이터만 주고 받는다.
• UI 화면이 필요하면 클라이언트가 별도로 처리해야 한다.

 

✔ 백앤드 개발자가 고민해야할 부분은 3가지

• 정적 리소스 어떻게 제공할 것인지
• 동적 리소스 어떻게 제공할 것인지
• HTTP API 어떻게 제공할 것인지

 

 

 

 

---

👀 참고 자료

https://til-devsong.tistory.com/111

[Web] HTTP API와 REST API

 

https://velog.io/@neity16/6-%EC%8A%A4%ED%94%84%EB%A7%81-MVC-1-%EC%9B%B9-%EC%95%A0%ED%94%8C%EB%A6%AC%EC%BC%80%EC%9D%B4%EC%85%98-%EC%9D%B4%ED%95%B4-WAS-%EC%84%9C%EB%B8%94%EB%A6%BF-%EB%A9%80%ED%8B%B0-%EC%93%B0%EB%A0%88%EB%93%9C-CSR-SSR

[6] 스프링 MVC (1) - 웹 애플리케이션 이해 (WAS / 서블릿 / 멀티 쓰레드 / CSR, SSR)