[Day 17 | Web] 웹 환경에 대한 이해

y♡ding·2024년 11월 5일
0

데브코스 TIL

목록 보기
108/163

웹 환경에서 클라이언트서버의 상호작용은 웹의 근본적인 작동 원리입니다. 클라이언트는 사용자가 웹 브라우저(예: Chrome, Firefox, Safari)를 통해 요청(request)을 보내는 주체이며, 서버는 이 적절한 응답(response)을 반환하는 역할을 합니다. 이 과정은 HTTP(HyperText Transfer Protocol)라는 프로토콜을 통해 이루어지며, 웹 페이지를 요청하고 제공하는 표준적인 방법입니다.

요청(Request)과 응답(Response)

웹 클라이언트(사용자)와 웹 서버 간의 통신은 요청과 응답의 형태로 이루어집니다. 사용자는 웹 브라우저를 통해 요청을 보내고, 서버는 이에 대한 응답을 반환합니다.

웹 환경에서 클라이언트서버의 상호작용은 웹의 근본적인 작동 원리입니다. 클라이언트는 사용자가 웹 브라우저(예: Chrome, Firefox, Safari)를 통해 요청(request)을 보내는 주체이며, 서버는 이 요청을 받아 적절한 응답(response)을 반환하는 역할을 합니다. 이 과정은 HTTP(HyperText Transfer Protocol)라는 프로토콜을 통해 이루어지며, 웹 페이지를 요청하고 제공하는 표준적인 방법입니다.

HTTP 통신

HTTP는 웹 상에서 클라이언트와 서버가 데이터를 주고받기 위한 프로토콜입니다. 요청을 통해 리소스를 요청하고 응답으로 리소스를 전달하는 방식으로 동작합니다.

요청과 응답의 단계별 흐름

1. 웹 브라우저에서 도메인 입력:

사용자는 웹 브라우저(예: Chrome, Firefox 등)에 URL을 입력하여 특정 웹 페이지에 접근을 시도합니다. 이때 도메인은 사용자가 접근하고자 하는 서버의 위치를 나타냅니다.

2. 웹 페이지 요청 (HTTP 요청):

사용자가 URL을 입력하고 엔터를 누르면, 브라우저는 웹 서버에 HTTP 요청을 보냅니다. 요청 내용에는 사용자가 원하는 리소스(HTML, 이미지 등)가 포함되어 있으며, 이 요청은 서버의 주소와 경로를 기반으로 전송됩니다.

3. 서버의 요청 분석 및 처리:

웹 서버는 요청을 분석하고, 사용자가 요청한 리소스가 무엇인지 확인합니다. 서버 소프트웨어(예: Apache, Nginx)는 요청에 맞는 HTML 파일이나 다른 리소스를 찾습니다. 요청에 따라 데이터베이스 조회 등의 추가 작업이 필요한 경우, 서버는 이를 처리한 후 응답을 준비합니다.

4. 웹 페이지 응답 (HTTP 응답):

서버가 준비된 응답(예: HTML 문서)을 클라이언트에게 전송합니다. 이때 HTML 외에도 CSS, JavaScript 파일 및 이미지 등의 추가 리소스가 필요한 경우, 이러한 리소스들도 함께 전송됩니다.

5. HTML 해석 및 화면 구성:

웹 브라우저는 받은 HTML 문서를 해석하여 화면에 출력합니다. CSS 파일이 포함되어 있다면 디자인 요소도 반영하고, JavaScript는 웹 페이지의 동적 기능을 수행하는 데 사용됩니다.

주제설명
HTML웹 페이지의 구조를 정의하며, 기본 태그입력 폼 구성을 위한 언어입니다.
CSS디자인을 위한 스타일링 언어로, 인라인/내부/외부 스타일 시트로 적용됩니다.
JavaScript동적 기능 추가DOM 조작, 이벤트 리스너를 통해 사용자와의 상호작용을 구현합니다.
JSP서버 측 Java 페이지를 생성하고, 개발 및 서비스 환경 설정에 사용됩니다.
Servlet서버 측에서 클라이언트 요청을 처리하고 웹 페이지로 결과를 반환합니다.

0개의 댓글

관련 채용 정보