웹 해킹/웹 기초 지식

웹을 구성하는 3대 요소

2024. 11. 5. 22:00
목차
  1. 웹의 기본 구조, 클라이언트/서버 구조
  2. 클라이언트/서버 통신 원리
  3. 웹의 3대 요소

웹의 기본 구조, 클라이언트/서버 구조

웹은 클라이언트(Client)/서버(Server) 구조로 되어 있다.

사용자 = 클라이언트 = 웹 브라우저(크롬, 엣지 등)

서버 = 웹 서버 = 웹 어플리케이션 서버(WAS)

웹 서버에 따라 PHP, JSP(JAVA), ASP 등 사용되는 언어가 다르다.

 

그림1 - 클라이언트와 서버

 

 

클라이언트/서버 통신 원리

클라이언트 = 서비스를 이용하는 대상, 최초에 서비스 요청을 먼저 한다.

서버 = 서비스를 제공하는 대상, 클라이언트 측으로부터 서비스 요청을 받게되면 그에 대한 서비스 제공

클라이언트 → 서버로의 요청은 HTTP 요청 메시지(HTTP Request Message)라고 한다.

서버 → 클라이언트로의 응답은 HTTP 응답 메시지(HTTP Response Messasge)라고 한다.

그림2 - 클라이언트/서버 통신

 

 

웹의 3대 요소

웹을 구성하는 3대 요소로 HTML, HTTP, URL이 있다.

HTTP = 웹 서버와 웹 클라이언트 간에 통신을 할 수 있도록 지원해준다. (프로토콜, 통신 규약)

URL = 웹 클라이언트가 웹 서버로 자원을 요청할 수 있게 해준다. (주소)

HTML = 웹 클라이언트가 웹 서버로 URL을 통한 자원 요청 후 HTML이 담긴 응답을 받으며, 웹 브라우저가 이를 해석하여 사용자에게 구조화된 인터페이스를 출력시켜 준다.

그림3 - HTTP, HTML, URL을 사용하여 서버와 통신

 

 

 

 

 

 

 

 

 

 

참고

https://www.inflearn.com/course/%EC%9B%B9-%EA%B8%B0%EC%88%A0-%EA%B8%B0%EC%B4%88

'웹 해킹 > 웹 기초 지식' 카테고리의 다른 글

쿠키와 세션  (1) 2024.11.09
웹의 핵심 기술 HTTP 프로토콜  (1) 2024.11.08
XAMPP 설치 및 URL 예약문자, URL 인코딩 실습  (3) 2024.11.07
자원을 지정하는 URL  (0) 2024.11.06
웹의 탄생 및 발전  (6) 2024.11.04
  1. 웹의 기본 구조, 클라이언트/서버 구조
  2. 클라이언트/서버 통신 원리
  3. 웹의 3대 요소
'웹 해킹/웹 기초 지식' 카테고리의 다른 글
  • 웹의 핵심 기술 HTTP 프로토콜
  • XAMPP 설치 및 URL 예약문자, URL 인코딩 실습
  • 자원을 지정하는 URL
  • 웹의 탄생 및 발전
Security Engineer
Security Engineer
IT 공부
Security Engineer
IT-log
Security Engineer
전체
오늘
어제
  • 분류 전체보기 (178)
    • Programming (39)
      • Python 웹 스크래퍼 만들기 (39)
    • IT 지식 (70)
      • IT 정보 (28)
      • CS 기초 (24)
      • 운영체제 (8)
      • IT 인프라 기초 (10)
    • 보안 (46)
      • 악성코드 분석 (10)
      • Bandit 워게임 (25)
      • 취미로 해킹 2 (6)
      • 환경 구축 (4)
      • PoC 분석 (1)
    • 웹 해킹 (23)
      • 웹 기초 지식 (8)
      • SQL 기본 (2)
      • 웹 해킹 및 시큐어 코딩 기초 (13)

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Beautifulsoup
  • 운영체제
  • 취미로해킹
  • CSS
  • CS
  • 해킹
  • 취미로 해킹
  • 웹 해킹
  • 컴퓨터
  • WarGame
  • 악성코드 분석
  • IT 인프라
  • 모의해킹
  • Def
  • HTML
  • Python
  • 악성코드
  • Selenium
  • overthewire
  • bandit
  • 웹 개발
  • CS 기초
  • flask
  • Web
  • webScrapper
  • 리눅스
  • 파이썬
  • it 운영
  • 시큐어 코딩
  • 워게임

최근 댓글

최근 글

hELLO · Designed By 정상우.
Security Engineer
웹을 구성하는 3대 요소
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.