SlideShare uma empresa Scribd logo
1 de 8
3분
HTTP header
Content Type
김명찬
16년 2학기 HTML5
출처 :
https://www.w3.org/Protocols/rfc1341/4_Content-Type.html
https://gist.github.com/jays1204/703297eb0da1facdc454
http://www.kaav.net/board/detail.php?table=Linux&Num=14
HTTP header
• 자세한 설명은 생략. ( 아이고 실수로 res header를… )
Content-Type
• Request에 실어 보내는 body 데이터의 type 정보.
• 어떻게 서버가 파싱해야 하는지 말해줌.
• RFC 문서에 무슨무슨 특수문자 쓸 수 있는지 적혀있음. 궁금하면 검색.
• Type/subtype 식으로 적는다. Subtype은 필수랜다. 디폴트 없음.
• Text type
• Multi type
• Application type
• Image, audio, video, message
Text Type
• Text/css
• Text/javascript
• Text/html
• 얘네들은 application에도 있음.
• Text/plain
• 자세한 설명은 생략.
Application type
• Application/x-www-form-urlencode
key=value&key2=value2….
GET 으로 보낼 때 주소에 뜨는 바로 그 형식.
• Application/json
{ key : value , key2: value2 … }
요새 대세..
• Application/xml
<?xml version="1.0"?><key><key2 />…value…</key>
Text/xml도 있음
Multipart Type
• Multipart/form-data
• 파일 전송시 사용.
• Urlencoded 데이터로 파일전송을 하면 크기가 늘어나서 비효율적.
• multipart/mixed
• MIME E-mail;
• 이런것도 있더라… 교수님 아이디랑 똑같길래 심심해서 넣어봄.
Audio type 및 기타 등등
• audio/mpeg: MP3 or other MPEG audio
• audio/x-ms-wma: Windows Media Audio;
• audio/vnd.rn-realaudio: RealAudio; 등등
• 필요하면 찾아보겠지…
결론.
HTTP 다른 요청할때도 물론이고,
특히 , Ajax 통신할때
XHR.send(blahblah) <= 이거 블라블라 보내고 싶을때!
반드시 헤더정보를 세팅해서 보내라.
XHR.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  중요!!

Mais conteúdo relacionado

Semelhante a 3분만에 살펴보는 HTTP header - content type

DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요dgmit2009
 
HTML5 & CSS 살펴보기
HTML5 & CSS  살펴보기HTML5 & CSS  살펴보기
HTML5 & CSS 살펴보기Suan Lee
 
[APL OJT] REST API TEST
[APL OJT] REST API TEST[APL OJT] REST API TEST
[APL OJT] REST API TESTJae-yeol Lee
 
Http 완벽 가이드(2장 url과 리소스)
Http 완벽 가이드(2장 url과 리소스)Http 완벽 가이드(2장 url과 리소스)
Http 완벽 가이드(2장 url과 리소스)Choonghyun Yang
 
대용량 분산 아키텍쳐 설계 #5. rest
대용량 분산 아키텍쳐 설계 #5. rest대용량 분산 아키텍쳐 설계 #5. rest
대용량 분산 아키텍쳐 설계 #5. restTerry Cho
 
모바일 메신저 아키텍쳐 소개
모바일 메신저 아키텍쳐 소개모바일 메신저 아키텍쳐 소개
모바일 메신저 아키텍쳐 소개Hyogi Jung
 
Http 완벽가이드(3장 http 메시지)
Http 완벽가이드(3장 http 메시지)Http 완벽가이드(3장 http 메시지)
Http 완벽가이드(3장 http 메시지)Choonghyun Yang
 
Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01SangHun Lee
 
JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제Lee Sang-Ho
 
HTTP 발표자료 - 김연수
HTTP 발표자료 - 김연수HTTP 발표자료 - 김연수
HTTP 발표자료 - 김연수Yeon Soo Kim
 
web study 1day
web study 1dayweb study 1day
web study 1day준호 우
 
build a linux webhosting server
build a linux webhosting serverbuild a linux webhosting server
build a linux webhosting server정현 윤
 
3.web의역사와browser
3.web의역사와browser3.web의역사와browser
3.web의역사와browsercheonsu park
 
Web App Security 2015.10
Web App Security 2015.10Web App Security 2015.10
Web App Security 2015.10Chanjin Park
 
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처dgmit2009
 

Semelhante a 3분만에 살펴보는 HTTP header - content type (18)

DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
DGMIT 제3회 R&D 컨퍼런스 r&d1 team : HTTP 프로토콜 개요
 
HTML5 & CSS 살펴보기
HTML5 & CSS  살펴보기HTML5 & CSS  살펴보기
HTML5 & CSS 살펴보기
 
[APL OJT] REST API TEST
[APL OJT] REST API TEST[APL OJT] REST API TEST
[APL OJT] REST API TEST
 
Restful API guide
Restful API guideRestful API guide
Restful API guide
 
Http 완벽 가이드(2장 url과 리소스)
Http 완벽 가이드(2장 url과 리소스)Http 완벽 가이드(2장 url과 리소스)
Http 완벽 가이드(2장 url과 리소스)
 
대용량 분산 아키텍쳐 설계 #5. rest
대용량 분산 아키텍쳐 설계 #5. rest대용량 분산 아키텍쳐 설계 #5. rest
대용량 분산 아키텍쳐 설계 #5. rest
 
모바일 메신저 아키텍쳐 소개
모바일 메신저 아키텍쳐 소개모바일 메신저 아키텍쳐 소개
모바일 메신저 아키텍쳐 소개
 
2-2. html5
2-2. html52-2. html5
2-2. html5
 
Http 완벽가이드(3장 http 메시지)
Http 완벽가이드(3장 http 메시지)Http 완벽가이드(3장 http 메시지)
Http 완벽가이드(3장 http 메시지)
 
Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01Basic of web ref.웹을지탱하는기술_01
Basic of web ref.웹을지탱하는기술_01
 
JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제JSP 프로그래밍 2014-2018년 기말시험 기출문제
JSP 프로그래밍 2014-2018년 기말시험 기출문제
 
HTTP 발표자료 - 김연수
HTTP 발표자료 - 김연수HTTP 발표자료 - 김연수
HTTP 발표자료 - 김연수
 
web study 1day
web study 1dayweb study 1day
web study 1day
 
build a linux webhosting server
build a linux webhosting serverbuild a linux webhosting server
build a linux webhosting server
 
3.web의역사와browser
3.web의역사와browser3.web의역사와browser
3.web의역사와browser
 
Web App Security 2015.10
Web App Security 2015.10Web App Security 2015.10
Web App Security 2015.10
 
Node.js 첫걸음
Node.js 첫걸음Node.js 첫걸음
Node.js 첫걸음
 
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
제 4회 DGMIT R&D 컨퍼런스 : REST API - 리소스 지향적 아키텍처
 

3분만에 살펴보는 HTTP header - content type

  • 1. 3분 HTTP header Content Type 김명찬 16년 2학기 HTML5 출처 : https://www.w3.org/Protocols/rfc1341/4_Content-Type.html https://gist.github.com/jays1204/703297eb0da1facdc454 http://www.kaav.net/board/detail.php?table=Linux&Num=14
  • 2. HTTP header • 자세한 설명은 생략. ( 아이고 실수로 res header를… )
  • 3. Content-Type • Request에 실어 보내는 body 데이터의 type 정보. • 어떻게 서버가 파싱해야 하는지 말해줌. • RFC 문서에 무슨무슨 특수문자 쓸 수 있는지 적혀있음. 궁금하면 검색. • Type/subtype 식으로 적는다. Subtype은 필수랜다. 디폴트 없음. • Text type • Multi type • Application type • Image, audio, video, message
  • 4. Text Type • Text/css • Text/javascript • Text/html • 얘네들은 application에도 있음. • Text/plain • 자세한 설명은 생략.
  • 5. Application type • Application/x-www-form-urlencode key=value&key2=value2…. GET 으로 보낼 때 주소에 뜨는 바로 그 형식. • Application/json { key : value , key2: value2 … } 요새 대세.. • Application/xml <?xml version="1.0"?><key><key2 />…value…</key> Text/xml도 있음
  • 6. Multipart Type • Multipart/form-data • 파일 전송시 사용. • Urlencoded 데이터로 파일전송을 하면 크기가 늘어나서 비효율적. • multipart/mixed • MIME E-mail; • 이런것도 있더라… 교수님 아이디랑 똑같길래 심심해서 넣어봄.
  • 7. Audio type 및 기타 등등 • audio/mpeg: MP3 or other MPEG audio • audio/x-ms-wma: Windows Media Audio; • audio/vnd.rn-realaudio: RealAudio; 등등 • 필요하면 찾아보겠지…
  • 8. 결론. HTTP 다른 요청할때도 물론이고, 특히 , Ajax 통신할때 XHR.send(blahblah) <= 이거 블라블라 보내고 싶을때! 반드시 헤더정보를 세팅해서 보내라. XHR.setRequestHeader("Content-type", "application/x-www-form-urlencoded");  중요!!