-
HTTP Body vs Header: 네트워크 통신에서의 차이점 완벽 정리!Developer 2025. 2. 7. 09:00728x90
네트워크 통신에서 HTTP 요청(Request)과 응답(Response)은 여러 요소로 구성됩니다. 그중에서도 Header(헤더)와 Body(페이로드)는 중요한 역할을 합니다.
이번 포스팅에서는 HTTP 요청과 응답에서 Header와 Body의 개념, 차이점, 그리고 역할에 대해 알아보겠습니다.
1. HTTP 통신이란?
HTTP(Hypertext Transfer Protocol)는 클라이언트(브라우저)와 서버가 데이터를 주고받는 프로토콜입니다. 웹 페이지 로딩, API 호출 등 다양한 인터넷 통신에서 사용됩니다.
✅ HTTP 요청과 응답은 Header와 Body로 구성됩니다.
📌 HTTP 요청과 응답의 기본 구조
# HTTP 요청 예제 POST /login HTTP/1.1 Host: www.example.com Content-Type: application/json Authorization: Bearer token123 { "username": "user123", "password": "securepassword" }
# HTTP 응답 예제 HTTP/1.1 200 OK Content-Type: application/json Content-Length: 34 { "message": "로그인 성공", "token": "abcdef123456" }
2. HTTP Header(헤더)란?
헤더(Header)는 요청 또는 응답에 대한 메타데이터(설명 정보)를 포함하는 부분입니다. 주로 요청 정보, 인증 정보, 데이터 타입 등을 정의합니다.
✅ Header의 주요 역할
- 요청 및 응답 메타데이터 제공
- 클라이언트와 서버 간의 설정 및 제어
- 보안 및 인증 정보 포함
✅ 주요 Header 예시
Header 설명 Content-Type 전송하는 데이터 형식 (예: application/json) Authorization 사용자 인증 토큰 (예: Bearer token) User-Agent 클라이언트 정보 (브라우저, OS 등) Accept 클라이언트가 원하는 응답 타입 (예: application/json) Content-Length Body의 크기(Bytes) Cache-Control 캐싱 정책 설정 📌 Header 예제
Content-Type: application/json Authorization: Bearer token123 User-Agent: Mozilla/5.0
3. HTTP Body(Payload)란?
바디(Body, Payload)는 요청 또는 응답에서 실제 데이터(콘텐츠)가 포함된 부분입니다.
✅ Body의 주요 역할
- 클라이언트가 서버로 보내는 실제 데이터 포함
- 서버가 클라이언트에게 응답으로 전달할 콘텐츠 포함
✅ Body에 포함되는 데이터 예시
데이터 형식 예시 JSON { "username": "user123" } XML <user><name>홍길동</name></user> Text Hello, World! 파일 이미지, PDF 등 바이너리 데이터 📌 Body 예제 (JSON 데이터 포함)
{ "username": "user123", "password": "mypassword" }
4. HTTP Header vs Body 차이점
비교 항목 Header(헤더) Body(페이로드) 역할 요청/응답 정보 제공 실제 데이터 전송 위치 HTTP 메시지의 상단부 HTTP 메시지의 하단부 내용 메타데이터, 인증 정보 HTML, JSON, 파일 등의 실 데이터 크기 제한 일반적으로 작음 데이터 크기에 따라 다름 데이터 포함 여부 직접적인 데이터 없음 요청 또는 응답 데이터 포함 ✅ Header는 요청/응답을 설명하는 정보, Body는 실제 데이터를 포함합니다.
5. HTTP 요청 및 응답에서 Header와 Body의 관계
- 로그인 요청 (POST /login)
- Header: Content-Type, Authorization 등의 정보 포함
- Body: 로그인할 사용자 정보(JSON)
- HTML 페이지 요청 (GET /index.html)
- Header: Accept, User-Agent 포함
- Body: 응답으로 HTML 문서 포함
- 이미지 파일 요청 (GET /image.png)
- Header: Content-Type: image/png
- Body: 응답으로 이미지 데이터 포함
6. 결론
HTTP 통신에서 Header는 요청과 응답의 설정 및 제어, Body는 실제 데이터를 포함하는 중요한 요소입니다.
이를 잘 이해하면 웹 개발 및 API 설계에서 더 효율적인 네트워크 통신을 구축할 수 있습니다. 🚀
728x90'Developer' 카테고리의 다른 글
자바스크립트 클래스의 접근 제어자(Access Modifiers) 완벽 정리! (2) 2025.02.10 제로 런타임 CSS(Zero Runtime CSS)란? 최신 스타일링 기법 완벽 정리 (2) 2025.02.08 HTTP란? 개념부터 동작 방식까지 한눈에 정리! (2) 2025.02.06 Streaming SSR(서버 사이드 렌더링) 완벽 정리: 빠른 페이지 로딩을 위한 최적화 전략 (0) 2025.02.05 시맨틱 마크업(Semantic Markup)이란? 개념과 중요성 완벽 정리 (4) 2025.02.04