1. 웹 애플리케이션 이해

1. 웹 동작 서버의 개념

1) 웹 서버 (WEB, Web Server)

- HTTP 기반으로 동작

- 정적 리소스 제공

 

 

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

- HTTP 기반으로 동작

- 정적 리소스 제공 + 웹 서버 기능

- 프로그램 코드를 실행하여 애플리케이션 로직 수행

   - 동적 HTML, HTTP API(JSON)

   - 서블릿, JSP, 스프링 MVC

 

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

 

 

3) 서블릿

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 [김영한]

 

'서버 TCP/IP 연결 대기, 소켓 연결 ...' 과 같은 반복적인 작업들을 지원해준다.

 

 

 

 

[HTTP 요청에 대한 응답 흐름]

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 [김영한]

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

 

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

 

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

                 Response 객체에서 HTTP 응답 정보를 편리하게 입력

 

4> 마지막으로, WAS는 Response 객체에 담겨있는 내용으로 HTTP 응답 정보를 생성

 

 

 

서블릿 컨테이너

 

- 서블릿을 지원하는 WAS           ex> 톰캣

- 서블릿 객체를 생성, 초기화, 호출, 종료하는 생명주기 관리

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

   → 공유 변수 사용 주의

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

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

 

 

 

4) 멀티 쓰레드

 

쓰레드(Thread)

 

- 프로세서(CPU) 활용의 기본 단위

- 한 번에 하나의 코드 라인만 수행

 

 

 

쓰레드 풀

 

- 요청마다 쓰레드 생성의 단점 보완

- 필요한 쓰레드를 쓰레드 풀에 보관하고 관리한다.

- 쓰레드가 미리 생성되어 있으므로, 쓰레드 생성하고 종료하는 비용이 절약 및 응답 시간이 빨라진다.

- 

 

 

 

---

 

 

2. 클라이언트로의 HTML 전달 방식

 

1)  정적 리소스

- 웹 서버 : 고정된 HTML 파일, CSS, JS, 이미지, 영상 등의 파일을 전달한다.

- 웹 브라우저 : 서버로부터 받은 파일을 그대로 띄우기만 하면 된다.

 

2)  동적 리소스, HTML 페이지

- 웹 서버 : 동적 HTML 해석, 렌더링하여 전달한다.

- 웹 브라우저 : 그대로 띄운다. (SSR)

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 [김영한]

 

3)  HTTP API

- 웹 서버 : HTML이 아니라 데이터를 전달한다. (주로 JSON)

 

- 데이터만 주고 받는다.

- UI 화면이 필요하면, 클라이언트(웹, 앱 브라우저)가 별도로 처리한다.

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 [김영한]

 

 

 

 

4)  서버 사이드 렌더링 (SSR)

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

- 주로 정적인 화면에 사용

- 관련 기술 : JSP, 타임리프

 

 

5)  클라이언트 사이드 렌더링 (CSR)

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

- 주로 동적인 화면에 사용

- 관련 기술 : React, Vue.js

 

스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 [김영한]

 

 

출처 : 스프링 MVC 1편 - 백엔드 웹 개발 핵심 기술 [김영한] (link)