본문 바로가기
Coding Study/FrontEnd Study Note

네트워크 통신에서 Header와 Body의 차이는

by bell_one 2025. 12. 3.

HeaderBody의 가장 큰 차이

구분 Header Body
역할 데이터를 어떻게 처리해야 하는지 설명하는 메타데이터 실제로 전달하고 싶은 내용(데이터 본문)
크기 보통 작다 필요에 따라 큼
타입 key-value 형태의 텍스트 정보 JSON, HTML, 이미지, 파일 등 다양한 형태
예시 Content-Type, Authorization, Cookie 사용자 정보 JSON, 파일 업로드, 폼 데이터
프론트 사용 fetch 옵션 대부분이 Header 관련 body 옵션에 넣는 실제 데이터

 

1. Header란 무엇인가?

Header는 “이 데이터를 어떻게 이해하고 처리해야 하는지 알려주는 설명서”
라고 보면 된다.

예)

Content-Type: application/json
Authorization: Bearer eyJhbGciOi...
User-Agent: Chrome/142.0.0
Content-Length: 348

 

즉,
서버가 Body를 읽기 전에 먼저 참고해야 하는 정보(메타데이터) 가 들어 있다.

Header는 왜 필요할까?

  • Body가 JSON인지, 파일인지, 텍스트인지 알려줘야 함
  • 인증이 필요한지 여부
  • 캐시 정책
  • 쿠키 포함 여부
  • 요청/응답의 길이(Content-Length)

중요: Header만 보고도 서버는 응답을 거절할 수 있다(예: 인증 실패 401).

 


2. Body(Payload)란 무엇인가?

Body는 주고받는 실제 내용물이다.

예)

{
  "email": "test@example.com",
  "password": "1234"
}

또는 파일/이미지 데이터
또는 FormData

즉, “실제 데이터 덩어리 자체” 가 Body다.

'Coding Study > FrontEnd Study Note' 카테고리의 다른 글

자바스크립트 클래스의 접근제어자  (0) 2025.12.05
제로 런타임 css란  (0) 2025.12.04
HTTP란?  (0) 2025.12.03
Streaming SSR 이란?  (0) 2025.12.01
서버 컴포넌트에 대해서  (1) 2025.11.28