먼저 Inspectors 탭의 첫 번째로 가장 중요한 부분인 HTTP 요청 라인이 표시됩니다.

 

HTTP 메서드(Method)

요청 방법을 나타내며 일반적으로는 GET/POST/PUT/DELETE 4 가지가 많이 사용됩니다. 특히 브라우저가 단순히 서버에 자료를 요청할 경우 대개 GET 요청을 많이 사용하며 의미는 "URI 에서 지정한 리소스를 보내 주세요" 라는 의미가 됩니다.

 

위 4가지 메소드는 RESTful 서비스를 개발과도 관련되므로 잘 기억해 두어야 합니다.

 

URI(Uniform Resource Identifier)

GET 메소드는 단순히 "정보를 주세요" 이므로 어떤 정보를 요청하는 지는 URI 에 명확히 지정해야 합니다. / 는 해당 웹 사이트의 메인 페이지에 연결할 경우 사용하며 이 경우 구글의 메인 페이지에 연결하겠다는 의미입니다.

더 구체적인 리소스를 요청할 경우 "/images/logo.png" 처럼 전체 경로를 요청하게 됩니다.

 

HTTP 버전

사용하는 HTTP 의 버전을 의미하며 버전에 따라 사용할 수 있는 메서드나 요청할 수 있는 헤더의 종류가 달라지므로 명확히 버전을 지정해야 합니다.

보통 HTTP/1.1 을 사용하며 1.1을 사용하면 세션을 끊지 않고 한 세션에서 여러 개의 리소스(html, image, css 등)를 받을 수 있으므로 1.0 보다 많은 자료를 빠르게 전송할 수 있습니다.

 

두 번째 줄부터를 HTTP 메시지 헤더라고 하며 요청의 부가적인 정보를 나타냅니다. 메시지 헤더는 각 줄이 아래 그림처럼 name:value 형식으로 표시돼 있습니다.

 

이제 각각의 항목에 대해서 자세하게 알아 보겠습니다.

User-Agent: Opera/9.80 (Windows NT 6.1; WOW64) Presto/2.12.388 Version/12.17
Host: google.com
Accept: text/html, application/xml;q=0.9, application/xhtml+xml, image/png, image/webp, image/jpeg, image/gif, image/x-xbitmap, */*;q=0.1
Accept-Language: ko-KR,ko;q=0.9,en;q=0.8
Accept-Encoding: gzip, deflate
Pragma: no-cache
Cache-Control: no-cache
Connection: Keep-Alive

 

User-Agent

이용중인 웹 브라우저의 종류와 버전을 표시하며 서버가 최적의 콘텐츠를 보내주는데 사용됩니다. 예로 동일 컨텐츠를 모바일로 연결했을 경우와 데스크탑에서 연결했을 경우 User-Agent 필드를 참고하여 화면 및 해상도를 환경에 맞게 수정하여 전송할 수 있습니다.

 

Host

브라우저가 요청을 보낸 호스트명과 포트 번호를 지정하며 웹 서버가 가상 호스트(VirtualHost) 로 웹 서비스를 하기 위해 참고하는 필드입니다. 

가상 호스트는 다음 절에서 설명하겠습니다.

 

Accept

웹 브라우저가 처리 가능한 데이터의 종류를 표시하는 헤더로 데이터의 종류는 Content-Type:

 라는 형식으로 표시되며 여러 개를 지정할 경우 콤마로 구분합니다.

대표적인 Content-Type 은 html 을 의미하는 text/html, PNG 이미지를 나타내는 image/png, 그리고 REST API 에 많이 사용하는 형식인 application/json 등이 있습니다.


Accept-Language

브라우저가 사용하는 언어를 지정하며 다개국어로 된 웹 애플리케이션을 서비스할 경우 이 필드를 참조하여 컨텐츠를 전송하도록 개발해야 합니다.