[HTTP-Header] HTTP Request Header :: 요청 헤더

https://docs.trafficserver.apache.org/

HTTP 요청 헤더는 서버로 요청할 데이터의 정보가 담겨있는 헤더이다.

 

보통 Fetch될 리소스나 클라이언트 자체에 대한 정보를 포함한다.

 

여기서 우리는 자주 사용하는 유명한 헤더에 대해서만 알아볼 것이다.

헤더는 크롬의 개발자 도구의 네트워크 탭에서 헤더들을 확인할 수 있다.

요청 헤더 Request Header

우리가 이번에 다뤄볼 요청 헤더는 다음과 같다.

• Host
• User-Agent
• Accept
• Authorization
• Origin
• Referer

 

Host

서버의 도메인 네임과 서버가 현재 Listening 중인 TCP 포트를 지정한다.

 

만약 포트가 지정되지 않는다면 요청된 서버의 기본 포트를 의미한다. (HTTP URL은 80)

 

Host 헤더는 반드시 하나가 존재해야 한다.

 

만약 한 개가 아니라 없거나 여러개면 400(Bad Request) 상태 코드가 전송된다.

Host: <host>:<port_Optional>

// Host: developer.cdn.mozilla.net

 

User-Agent

현재 사용자가 어떤 클라이언트(운영체제와 브라우저를 포함한)를 이용해 요청을 보냈는지 확인할 수 있다.

User-Agent: <product> / <product-version> <comment>

// Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/51.0.2704.103 Safari/537.36
// Mozilla/5.0 (iPhone; CPU iPhone OS 13_5_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/13.1.1 Mobile/15E148 Safari/604.1
// Mozilla/5.0 (compatible; Googlebot/2.1; +http://www.google.com/bot.html)

 

Accept

Accept는 요청을 보낼 때 서버에게 어떤 터입으로 응답을 보내줬으면 좋겠다고 명시한다.

예를 들어

Accept: text/html

을 요청 헤더로 보내면 HTML 형식인 응답을 처리하겠다는 뜻이다.

이는 콤마로 여러 타입을 동시에 적어줄 수도 있으며 와일드카드인 * 아스테리크로 보낼 수도 있다.

 

이러한 Accept에는 다음과 같은 것들도 포함될 수 있다.

1. Accept-Charset : 원하는 Character Set
2. Accept-Language : 원하는 Lang
3. Accept-Encoding : 원하는 Encoding 방식

대충 브라우저는 알아서 설정해서 보느는 Accept가 있다.

무슨 헤더를 적어야할지 모르겠다면 브라우저가 사용하는 것을 이용하자.

 

Authorization

Authorization 헤더는 사용자가 서버에 인가된 사용자임을 증명할 때 사용한다.

보통 JWT나 Bearer 토큰을 서버로 보낼 때 사용하며 자격이 증명되지 않을 경우 401 Unauthorized 상태를 알려준다.

Authorization: <type> <credentials>

// Authorization: Basic YWxhZGRpbjpvcGVuc2VzYW1l

• type : 인증 타입으로 보통 Basic과 Bearer을 사용한다.
• credentials : 사용자명과 비밀번호, 다른 페이로드가 합처져 base64로 인코딩된 값

Base64 인코딩은 암호화나 해싱을 의미하지 않습니다! 이 방법은 인증에 대해서 문자를 그대로 보내는 것과 동일하다고 할 수 있습니다 (base64인코딩은 복호화 가능). Basic 인증을 하는 경우 HTTPS로 접속하는 것을 권장합니다. by MDN

 

Origin

POST와 같은 요청을 보낼 때, 요청이 어느 주소에서 시작되었는지를 나타낸다.

여기서 요청을 보낸 주소와 받는 주소가 다르면 CORS 문제가 발생하는데, CORS에 대해 모르겠다면 CORS란?이라는 글로 가서 확인하길 바란다.

Origin: null
Origin: <scheme> "://" <hostname> [ ":" <port> ]

// Origin: https://developer.mozilla.org

• scheme : 사용하는 프로토콜
• hostname : 서버의 이름 또는 ip
• port : 서버에 열린 tcp 포트

 

Referer

이는 이 페이지 이전에 대한 주소가 담겨있다.

이 헤더를 이용하면 어떤 페이지에서 지금 페이지로 왔느지를 알 수 있어서 애널리틱스를 하는데 많이 사용된다.

Referer: <url>

Referer: https://developer.mozilla.org/en-US/docs/Web/JavaScript