🚀 웹 아키텍처의 이해: 클라이언트-서버 구조와 데이터 흐름

1. 클라이언트와 HTTP 요청

클라이언트는 웹 브라우저를 통해 URL을 입력하여 HTTP 요청을 서버로 전송합니다. 서버는 이 요청을 수신하고, HTTP 응답으로 클라이언트에 응답합니다.

2. 프론트엔드 구성

클라이언트 측의 브라우저에서는 화면을 구성하기 위해 주로 HTML, CSS, JavaScript가 사용됩니다. 이들 기술을 통해 데이터를 시각적으로 표현할 수 있습니다.

3. 웹 서버의 역할

Apache와 같은 웹 서버(W.S)가 HTTP 요청을 수신합니다. 수신된 요청은 데이터베이스와 상호작용하기 위해 Application Server(A.S)로 전달되어 처리됩니다. 일반적으로 W.S와 A.S를 통합한 구조로 Tomcat(톰캣)을 사용합니다.

4. Application Server와 Servlet

A.S에서 처리된 요청은 Java의 Servlet 기술을 통해 HTML을 생성하여 HTTP 응답에 담아 클라이언트에 전달합니다. 최근에는 Servlet의 복잡함을 줄이기 위해 JSP(JavaServer Pages)를 사용하여 웹 페이지를 작성하는 경향이 있습니다.

5. 데이터베이스와의 상호작용

대부분의 데이터는 RDBMS(관계형 데이터베이스 관리 시스템)에서 관리됩니다. 자바에서는 JDBC(Java Database Connectivity) API를 통해 DBMS와 통신합니다.

6. 프레임워크의 활용

서버와 데이터베이스 간의 반복적인 작업을 줄이기 위해 Spring 프레임워크를 사용합니다. Spring은 JDBC와의 작업을 간소화하며, MyBatis나 JPA와 같은 ORM(Object-Relational Mapping) 프레임워크를 통해 데이터베이스 작업을 더 효율적으로 처리합니다.

7. 데이터 전달과 DTO

계층 간의 데이터 전달은 보통 DTO(Data Transfer Object)를 통해 이루어집니다. 주로 컨트롤러에서 서비스로 데이터를 전달할 때 사용됩니다.

---

이 글을 통해 웹 아키텍처의 기본 구성 요소와 데이터 흐름을 이해하는 데 도움이 되었기를 바랍니다. 웹 개발에 대한 이해를 높이고, 더 나은 아키텍처 설계를 위한 기초를 다질 수 있습니다! 🌐✨

---

참고자료

[1] velog - [WEB] WAS(Web Application Server)와 서블릿(Servlet)에 ... (https://velog.io/@dyunge_100/WEB-WASWeb-Application-Server%EC%99%80-%EC%84%9C%EB%B8%94%EB%A6%BFServlet%EC%97%90-%EB%8C%80%ED%95%98%EC%97%AC)
[2] 티스토리 - Apache Tomcat (WAS, Web Server, Apache HTTP ... - 호소세 (https://pabeba.tistory.com/145)
[3] TISTORY - WebServer1주차웹서버란? - 공부용 블로그 (https://invisible-blog.tistory.com/17)
[4] 티스토리 - Tomcat(톰캣), JSP, Servlet(서블릿)의 기본 개념 및 구조 (https://codevang.tistory.com/191)