Spring - 웹 애플리케이션 이해

- 모든 것이 HTTP를 통해 데이터를 전달한다.

1. HTML, TEXT

2. IMAGE, 음성, 영상, 파일

3. JSON, XML(API)

4. 거의 모든 형태의 데이터 전송 가능

5. 서버간에 데이터를 주고 받을 때도 대부분 HTTP 사용

---

- 웹 서버(Web Server)

• HTTP 기반으로 동작

• 정적 리소스 제공, 기타 부가기능

• 정적(파일) HTML, CSS, JS, 이미지, 영상

• 예) NGINX, APACHE

---

- 웹 애플리케이션 서버(WAS - Web Application Server)

• HTTP 기반으로 동작

• 웹 서버 기능 포함+ (정적 리소스 제공 가능)

• 프로그램 코드를 실행해서 애플리케이션 로직 수행

• 동적 HTML, HTTP API(JSON)

• 서블릿, JSP, 스프링 MVC

• 예) 톰캣(Tomcat) Jetty, Undertow

---

- 웹 서버, 웹 애플리케이션 서버(WAS) 차이

• 웹 서버는 정적 리소스(파일), WAS는 애플리케이션 로직

• 사실은 둘의 용어도 경계도 모호함

• 웹 서버도 프로그램을 실행하는 기능을 포함하기도 함

• 웹 애플리케이션 서버도 웹 서버의 기능을 제공함

• 자바는 서블릿 컨테이너 기능을 제공하면 WAS

• 서블릿 없이 자바코드를 실행하는 서버 프레임워크도 있음

• WAS는 애플리케이션 코드를 실행하는데 더 특화

---

- 웹 시스템 구성 - WEB, WAS, DB

• 정적 리소스는 웹 서버가 처리

• 웹 서버는 애플리케이션 로직같은 동적인 처리가 필요하면 WAS에 요청을 위임

• WAS는 중요한 애플리케이션 로직 처리 전담

• 효율적인 리소스 관리

   • 정적 리소스가 많이 사용되면 Web 서버 증설

   • 애플리케이션 리소스가 많이 사용되면 WAS 증설

• 정적 리소스만 제공하는 웹 서버는 잘 죽지 않음

• 애플리케이션 로직이 동작하는 WAS 서버는 잘 죽음

• WAS, DB 장애시 WEB 서버가 오류 화면 제공 가능

---

- 서블릿

@WebServlet(name = "helloServlet", urlPatterns = "/hello")
public class HelloServlet extends HttpServlet {
    @Override
    protected void service(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    }
}

• urlPatterns(/hello)의 URL이 호출되면 서블릿 코드가 실행

• HTTP 요청 정보를 편리하게 사용할 수 있는 HttpServletRequest

• HTTP 응답 정보를 편리하게 제공할 수 있는 HttpServletResponse

• 개발자는 HTTP 스펙을 매우 편리하게 사용

---

- 서블릿 HTTP 요청, 응답 흐름

1. HTTP 요청시

   • WAS는 Request, Response 객체를 새로 만들어서 서블릿 객체 호출

   • 개발자는 Request 객체에서 HTTP 요청 정보를 편리하게 꺼내서 사용

   • 개발자는 Response 객체에 HTTP 응답 정보를 편리하게 입력

   • WAS는 Response 객체에 담겨있는 내용으로 HTTP 응답 정보를 생성

---

- 서블릿 서블릿 컨테이너

1. 톰캣처럼 서블릿을 지원하는 WAS를 서블릿 컨테이너라고 함

• 서블릿 컨테이너는 서블릿 객체를 생성, 초기화, 호출, 종료하는 생명주기 관리

• 서블릿 객체는 싱글톤으로 관리

• 고객의 요청이 올 때 마다 계속 객체를 생성하는 것은 비효율

• 최초 로딩 시점에 서블릿 객체를 미리 만들어두고 재활용

• 모든 고객 요청은 동일한 서블릿 객체 인스턴스에 접근

• 공유 변수 사용 주의

• 서블릿 컨테이너 종료시 함께 종료

• JSP도 서블릿으로 변환 되어서 사용

• 동시 요청을 위한 멀티 쓰레드 처리 지원

---

- HTML, HTTP API, CSR, SSR

 

- 정적 리소스

• 고정된 HTML 파일, CSS, JS, 이미지, 영상 등을 제공

• 주로 웹 브라우저

 

- HTML 페이지

• 동적으로 필요한 HTML 파일을 생성해서 전달

• 웹 브라우저: HTML 해석

 

- HTTP API

• HTML이 아니라 데이터를 전달

• 주로 JSON 형식 사용

• 다양한 시스템에서 호출

- HTTP API

• 다양한 시스템에서 호출

• 데이터만 주고 받음, UI 화면이 필요하면, 클라이언트가 별도 처리

• 앱, 웹 클라이언트, 서버 to 서버

• 주로 JSON 형태로 데이터 통신

• UI 클라이언트 접점

• 앱 클라이언트(아이폰, 안드로이드, PC 앱)

• 웹 브라우저에서 자바스크립트를 통한 HTTP API 호출

• React, Vue.js 같은 웹 클라이언트

• 서버 to 서버 • 주문 서버 -> 결제 서버

• 기업간 데이터 통신

---

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

• SSR - 서버 사이드 렌더링

   • HTML 최종 결과를 서버에서 만들어서 웹 브라우저에 전달

   • 주로 정적인 화면에 사용

   • 관련기술: JSP, 타임리프 -> 백엔드 개발자

• CSR - 클라이언트 사이드 렌더링

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

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

   • 예) 구글 지도, Gmail, 구글 캘린더

   • 관련기술: React, Vue.js -> 웹 프론트엔드 개발자

 

 

 

 

 

 

 

 

 

 

 

 

출처 : 인프런 - 우아한 형제들 기술이사 김영한의 스프링 완전 정복 (스프링 핵심원리 - 기본 편)