1.웹 서버(Web Server)
웹 브라우저 클라이언트로부터 HTTP 요청을 받아정적인 컨텐츠 HTML(.jpeg,css 등) 문서와 같은 웹 페이지를 반환하는 컴퓨터 프로그램
- 정적인 컨텐츠를 제공
- WAS를 거치지 않고 바로 자원 제공
- 동적 컨텐츠 제공을 위한 요청 전달
- 클라이언트 요청은 WAS에 전달, WAS가 처리한 결과를 클라이언트에게 응답
- Ex) Apache Server, Nginx, IIS(Windows 전용 Web Server) 등
- React(사용자 인터페이스를 구축하기 위한 라이브러리),
Next.js(서버 사이드 렌더링 및 정적 사이트 생성을 위한 React 프레임워크),
Styled Components(CSS를 JavaScript에 통합하여 컴포넌트 스타일링을 관리하는 라이브러리),
Redux(애플리케이션 상태 관리를 위한 라이브러리)는 프론트엔드 기술
- 웹 환경에서는 브라우저가 클라이언트 역할을 한다.

- 주소에 어떤 도메인이나 컴퓨터 주소를 치면 해당 컴퓨터(서버)가 요청에 대해 응답을 하는데 이 때, 프론트 서버/백엔드 서버로 나뉜다.
웹서버의 동작 원리
클라이언트가 서버에게 URI를 요청하면 서버에서는 응답을 하는데 이때 HTML로 응답을 한다.
클라이언트는 응답받은 HTML의 페이지를 받게 된다.
-
URI(Uniform Resource Identifier) : 데이터가 어디에 있는지 알려주는 주소 -> 두 개의 하위 요소를 포함 ( URN, URL)
-
URL : Locator로 컨텐츠의 구체적인 위치 = 인터넷 주소
-
HTTP(hypter text transfer protocol):
(1)문서와 문서 사이를 서로 오갈 수 있게 해준다.
(2)www 안에서 정보를 주고 받게 해준다.
-
HTML :
(1) 웹 브라우저가 처리할 수 있는 언어.
태그를 이용하여 문서와 데이터의 구조를 표시하는 언어.
(2) 단락, 목록, 구조 or 링크 항목들을 이런 태그 <> 로 나누어 만드는 구조적 언어.
** 태그 = 데이터와 정보의 분류를 위해 부여된 키워드
이런 HTML 에도 한계가 존재한다. 클라이언트 컴퓨터에 설치된 웹 브라우저를 통해 서버 컴퓨터 HTML 페이지에 접근하면 (URI 요청), 서버가 응답을 하여 클라이언트 컴퓨터에 HTML을 띄우지만, 한 대의 컴퓨터가 아닌 수많은 컴퓨터가 요청을 하게 되면 서버에 과부하가 걸리게 된다.
따라서 서버에서 모든 작업을 감당하는 것이 아닌 클라이언트 컴퓨터에서 바로 작동할 수 있게 하기 위해 HTML(내부언어)의 하이퍼링크 태그로 안에서 CSS, JavaScipt(외부언어)를 불러와 서버에 매번 신호를 받아 동작하지 않아도 되게끔 만든다.

CSS와 JavaScript 가 HTML 구성 안으로 들어가 작동하게 된다.
2. WAS(Web Application Server)
인터넷 상에서 HTTP 프로토콜을 통해 사용자 컴퓨터나 장치에 애플리케이션을 수행해주는 미들웨어. 주로 동적 컨텐츠를 수행하는 것으로 웹 서버와 구별되며, 주로 데이터베이스 서버와 같이 수행
-
WAS = Web Server + Web Container
-
Web Server 기능들을 구조적으로 분리하여 처리하고자 하는 목적으로 제시(분산 트랙잭션, 보안, 메시징, 쓰레드 처리 등 분산 환경에서 사용
-
프로그램 실행 환경와 DB 접속 기능 제공
-
여러 개의 트랜잭션 관리 기능
-
업무 처리 비즈니스 로직 수행
-
Ex) Tomcat, JBoss, Jeus, Web Sphere 등
-
express(Node.js를 위한 웹 애플리케이션 프레임워크), ORM(Object-Relational Mapping): 데이터베이스와 객체 지향 프로그래밍 언어 간의 매핑을 지원하는 기술 (예: Sequelize, Hibernate), rest API(통신방식)는 백엔드 기술
- 웹 컨테이너(Web Container) : Web Server가 보낸 JSP,PHP 등의 파일을 수행한 결과를 다시 Web Server로 보내주는 역할을 한다.

Web Server, WAS 기능을 분리하는 이유
(1) 서버 부하 방지
- WAS는 DB 조회나 다양한 로직을 처리하느라 바쁘기 때문에 단순한 정적 컨텐츠는 Web Server에서 빠르게 클라이언트에 제공
- WAS는 기본적으로 동적 컨텐츠를 제공하기 위해 존재하는 서버
- 정적 컨텐츠 요청까지 WAS가 처리한다면 정적 데이터 처리로 인해 부하가 커지고, 동적 컨텐츠 처리가 지연되므로 수행 속도가 느려진다 = 페이지 노출 시간이 늘어난다
(2) 물리적으로 분리하여 보안 강화
- SSL에 대한 암복호화 처리에 Web Server를 사용
(3) 여러 대의 WAS를 연결 가능
- Load Balancing을 위해서 Web Server를 사용
- 대용량 웹 어플리케이션의 경우(여러 개의 서버 사용) Web Server와 WAS를 분리하여 무중단 운영을 위한 장애 극복에 쉽게 대응
- Web Server에서 오류가 발생한 WAS를 이용하지 못하도록 한 후 WAS를 재시작함으로써 사용자는 오류를 느끼지 못하고 이용할 수 있음
(4) 여러 웹 어플리케이션 서비스 가능
- PHP Application과 Java Application을 함께 사용하는 경우
(5) 기타
- 접근 허용 IP 관리, 2대 이상의 서버에서의 세션 관리 등도 Web Server에서 처리하면 효율적
따라서 Web Server를 WAS 앞에 두고 필요한 WAS들을 Web Server에 플러그인 형태로 설정하면 더욱 효율적인 분산 처리가 가능하다
Web Service Architecture
- 웹 어플리케이션은 요청 처리 방식에 따라 다양한 구조를 가질 수 있다.
- Client -> Web Server -> DB
- Client -> WAS -> DB
- Client -> Web Server -> WAS -> DB

(1) Web Server는 웹 브라우저 클라이언트로부터 HTTP 요청을 받는다.
(2) Web Server는 클라이언트의 요청(Request)을 WAS에 보낸다.
(3) Web Server는 클라이언트의 요청(Request)을 WAS에 보낸다.
(4) WAS는 web.xml을 참조하여 해당 Servlet에 대한 Thread를 생성한다. (Thread Pool 이용)
(5) HttpServletRequest와 HttpServletResponse 객체를 생성하여 Servlet에 전달한다.
-
5-1. Thread는 Servlet의 service() 메서드를 호출한다.
-
5-2. service() 메서드는 요청에 맞게 doGet() 또는 doPost() 메서드를 호출한다.
-
protected doGet(HttpServletRequest request, HttpServletResponse response)
(6) doGet() 또는 doPost() 메서드는 인자에 맞게 생성된 적절한 동적 페이지를 Response 객체에 담아 WAS에 전달한다.
(7) WAS는 Response 객체를 HttpResponse 형태로 바꾸어 Web Server에 전달한다.
(8) 생성된 Thread를 종료하고, HttpServletRequest와 HttpServletResponse 객체를 제거한다.