[HTTP] 요청(Request)과 응답(Response): Header와 Body에는 어떤 내용이 들어있을까?

2023. 4. 17. 16:52· WEB/HTTP
반응형
 

💋 요청과 응답

 

웹의 요청과 응답은 클라이언트와 서버 간의 통신을 위한 메시지이다.

 

 

✔ 요청 (Request)

 

 

요청 메세지는 클라이언트가 서버로 보내는 메세지이다. 

먼저 예시를 보고, 구조에 대해서 파악해 보겠다!

 

 

요청의 Header이다.

 

 

요청의 Body이다. 

 

 

 

 

요청 메세지는 세 가지 부분으로 이루어져 있다. 

  • HTTP 프로토콜의 요청 라인
    • 요청 방식 (GET, POST, PUT, DELETE)
    • URL
  • Header
    • 요청에 대한 부가적인 정보
  • Body (본문)
    • POST, PUT 요청과 같이 요청과 함께 전달되는 데이터를 포함한다. 
    • 요청과 함께 전달되는 데이터가 없을 경우 Body가 없을 수도 있다.

 

 

✔ 응답 (Response)

응답 메세지는 서버가 클라이언트로 보내는 메세지이다.

이번에도 먼저 예시를 보고, 구조에 대해서 파악해 보겠다!

 

응답의 Header이다.

 

 

응답의 Body이다. 

 

 

 

응답 메세지는 세 가지 부분으로 이루어져 있다.

  • HTTP 프로토콜의 상태 라인
    • 응답 상태 코드 (200) 
    • 메세지
  • Header
    • 응답에 대한 부가적인 정보
  • Body (본문)
    • 서버에서 클라이언트로 전송되는 데이터

 

HTTP 요청과 응답 메세지는 텍스트 형식으로 작성된다. 

 

 

 

 

Header와 Body가 각각 담고 있는 내용에 대해 알아보겠다!

 

웹 요청(Request)과 응답(Response)의 Header와 Body는 다음과 같은 내용을 담고 있다.



💋 Header

 

 

 

Header는 요청의 메타데이터를 담고 있으며, 요청의 형식을 결정한다.

 

✔ Request Header

 

  • Request Method: 요청 메소드(GET, POST, PUT, DELETE 등)
  • Request URL: 요청 URL
  • Host: 요청한 서버의 도메인명 또는 IP 주소
  • User-Agent: 클라이언트의 브라우저 정보
  • Accept: 클라이언트가 받아들일 수 있는 MIME 타입
  • Content-Type: 요청 바디의 MIME 타입
  • Authorization: 인증 토큰 정보 등

 

✔ Response Header

  • Status Code: 응답 상태 코드 (200, 404, 500 등)
  • Content-Type: 응답 바디의 MIME 타입
  • Content-Length: 응답 바디의 길이
  • Set-Cookie: 쿠키 정보 등

 

💋 Body

 

Body는 서버로 전달되는 실제 데이터를 담고 있다. 

 

✔ Request Body

 

  • POST, PUT, DELETE 등 요청 바디에 데이터가 존재할 경우 해당 데이터를 담고 있다.

 

✔ Response Body

 

  • 서버가 클라이언트에게 응답할 데이터가 존재할 경우 해당 데이터를 담고 있다.
반응형
저작자표시 비영리 변경금지 (새창열림)

'WEB > HTTP' 카테고리의 다른 글

[HTTP] Cache-Control: 웹 서비스 캐시(Cache) 다루기  (2) 2023.09.05
[HTTP] 쿠키(Cookie): 쿠키가 필요한 이유, 쿠키의 구조, 사용 방법과 주의사항  (1) 2023.05.04
[HTTP] HTTP 기본 인증 (Basic Authentication): 개념과 사용 방법  (3) 2023.05.02
[HTTP] 상태 코드(Status Code): 상태 코드는 왜 필요할까? 상태 코드의 개념과 종류  (0) 2023.04.27
'WEB/HTTP' 카테고리의 다른 글
  • [HTTP] Cache-Control: 웹 서비스 캐시(Cache) 다루기
  • [HTTP] 쿠키(Cookie): 쿠키가 필요한 이유, 쿠키의 구조, 사용 방법과 주의사항
  • [HTTP] HTTP 기본 인증 (Basic Authentication): 개념과 사용 방법
  • [HTTP] 상태 코드(Status Code): 상태 코드는 왜 필요할까? 상태 코드의 개념과 종류
깃짱
깃짱
연새데학교 컴퓨터과학과 & 우아한테크코스 5기 백엔드 스타라이토 깃짱
깃짱코딩연새데학교 컴퓨터과학과 & 우아한테크코스 5기 백엔드 스타라이토 깃짱
반응형
깃짱
깃짱코딩
깃짱
전체
오늘
어제
  • 분류 전체보기
    • About. 깃짱
    • Weekly Momentum
      • 2024
    • PROJECT
      • AIGOYA LABS
      • Stamp Crush
      • Sunny Braille
    • 우아한테크코스5기
    • 회고+후기
    • Computer Science
      • Operating System
      • Computer Architecture
      • Network
      • Data Structure
      • Database
      • Algorithm
      • Automata
      • Data Privacy
      • Graphics
      • ETC
    • WEB
      • HTTP
      • Application
    • C, C++
    • JAVA
    • Spring
      • JPA
      • MVC
    • AI
    • MySQL
    • PostgreSQL
    • DevOps
      • AWS
      • 대규모 시스템 설계
    • frontend
      • HTML+CSS
    • NextJS
    • TEST
    • Industrial Engineering
    • Soft Skill
    • TIL
      • 2023
      • 2024
    • Linux
    • Git
    • IntelliJ
    • ETC
      • 日本語

블로그 메뉴

  • 홈
  • 깃허브

인기 글

최근 글

태그

  • 조합
  • TDD
  • 예외
  • 상속과조합
  • 람다와스트림
  • lamda
  • 함수형프로그래밍
  • 우테코5기
  • Composition
  • Stream
  • 우아한테크코스
  • 상속
  • Java
  • 레벨로그
  • 컴포지션
  • 우테코
  • 람다
  • OOP
  • 우아한테크코스5기
  • 스트림
hELLO · Designed By 정상우.v4.2.0
깃짱
[HTTP] 요청(Request)과 응답(Response): Header와 Body에는 어떤 내용이 들어있을까?
상단으로

티스토리툴바

개인정보

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

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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