Header와 Body의 가장 큰 차이
| 구분 | 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 |