[웹] HTTP 요청(Request) 상세 정보

👉 HTTP 요청

 

🚩 생김새, 모양

headers: {
  'Content-Type': 'application/json'
  'method': 'POST',
  'mode': 'cors',
  'cache': 'no-cache',
  'credentials': 'same-origin',
  'Authorization': 'Bearer eJfwefnwfewfnfwlalknvo23fdsnewflj'
},
body: JSON.stringify({data})

 

🚩 Body

클라이언트가, 서버에게 보내는 데이터를 담는 곳

 

🚩 Headers

Body의 데이터를 설명하는 곳

 

1. Content-type

HTTP 요청에 들어가는 body의 타입을 설정한다.

// Content-Type : application/x-www-form-url
// Content-Type : text/plain
// Content-Type : multipart - body가 여러가지 타입의 데이터를 가짐
// Content-Type : multipart/form-data - body가 HTML <form>의 여러 타입의 데이터를 가짐

headers: {
  'Content-Type': 'multipart/form-data'
},

 

* HTML Form의 속성

name : form의 이름

action : form이 전송되는 서버 url / html link

method : 전송 방법 ( get, post, ... )

autocomplete : 자동 완성

* enctype : 폼 데이터의 인코딩 방식 지정 ( 요청 Content-Type 지정 부분 )

- application/x-www-form-url : default값, 모든 문자 인코딩

- text/plain : 공백문자 '+'로 바꿈, 문자 인코딩 안함

- multipart/form-data : 문자 인코딩 안함