web_http

2. HTML이란?

HTML은 하이퍼텍스트 마크업 언어(HyperText Markup Language)라는 의미의 웹 페이지를 위한 지배적인 마크업 언어다.

간단한 HTML 문서 예제

<html>
    <meta charset="utf-8">
    <head>
        <title> Introduction to IoT </title>
    </head>
    <body>
        <h1> 강의자료 </h1>
        <ul>
            <li><a href="https://kwanulee.github.io/iot/docs/internet/internet.html">
              컴퓨터 네트워크, 인터넷, 아두이노</a></li>
            <li><a href="https://kwanulee.github.io/iot/docs/internet/wifi.html">
              웹과 아두이노</a></li>
        </ul>
    </body>
</html>

3. HTTP란?

HTTP (HyperText Transfer Protocol)는 인터넷 상에서 HTML 문서와 같은 리소스들을 가져올 수 있도록 해주는 프로토콜 (protocol)

HTTP는 HTML 문서 뿐만아니라, 이미지, 동영상, 오디오, 텍스트 문서들도 전송할 수 있도록 설계되어 있다.

작동 방식

클라이언트(웹 브라우저)에서 서버(웹 서버)에 있는 리소스를 요청하면, 서버는 요청을 처리해서 응답한다.
- 웹 브라우저는 URI를 이용하여 웹서버에 접속하고, 웹서버의 리소스를 요청하는 클라이언트 프로그램 (Chrom, Firefox, IE 등)
- 웹 서버는 클라이언트(웹 브라우저)의 요청을 받아서, 이를 해석하고 응답을 하는 소프트웨어 (Apache, IIS, nginx 등)
- 요청은 서버가 인식할 수 있는 약속된 형식(HTTP Request / HTTP Response)을 따라야 한다.

3.1 HTTP Request

웹 브라우져는 웹 서버와 접속이 확립되면 다음과 같은 항목으로 구성된 요청을 보낸다.

Request : 요청은 서버 상의 동작을 일으키기 위해 클라이언트가 전송하는 메시지입니다. 시작 줄은 다음의 세 가지 요소를 포함
- 요청 메서드
  - GET: 존재하는 자원에 대한 요청
  - POST: 새로운 자원을 생성
  - PUT: 존재하는 자원에 대한 변경
  - DELETE: 존재하는 자원에 대한 삭제
- URI: 요청하는 리소스의 위치
- HTTP 버전: 사용하는 HTTP 의 버전을 의미하며 버전에 따라 사용할 수 있는 메서드나 요청할 수 있는 헤더의 종류가 달라지므로 명확히 버전을 지정해야 함
Header : 통신의 부가정보(메타정보)가 포함되어 있다
Empty line: 헤더의 끝을 알리기 위해 공백 행을 추가
Body: 대부분은 생략가능하나, POST 요청인 경우에 필요함

예제

GET / HTTP/1.1\r\n
HOST: arduino.cc
CONNECTION: close\r\n
\r\n

3.2 HTTP Response

웹 서버는 웹 브라우저로부터 요구를 받은 뒤, 다음과 같은 항목으로 구성된 응답을 돌려준다.

Status Line
Header
Empty line
Body

예제

HTTP/1.1 200 OK
Server: nginx/1.4.2
Date: Fri, 25 May 2018 10:22:26 GMT
Content-Type: text/plain
Content-Length: 2263
Last-Modified: Wed, 02 Oct 2013 13:46:47 GMT
Connection: close
Vary: Accept-Encoding
ETag: "524c23c7-8d7"
Accept-Ranges: bytes
\r\n

Status Line : 반드시 첫줄에 와야 한다. 3개의 필드로 구성돼 있다.
- HTTP/1.1 : 응답 프로토콜과 버전
- 200 : 응답 코드
- OK : 응답 메시지. Not Found, Internal Server Error 등의 메시지다.
Header
- Server: 서버로써 사용하고 있는 소프트웨어의 이름
- Date: 응답을 돌려준 날짜
- Content-Type: 본문에 적혀있는 것이 어떤 종류의 문서인가를 표시
- Content-Length: 본문의 사이즈
- Last-Modified: 본문에 적혀있는 웹 페이지가 마지막으로 경신된 날짜를 표시한다.
- ETag: Entity Tag의 줄임말으로써, 본문의 내용을 식별하기 위한 ID같은 역할을 하는 문자열이다. 해당 자원이 업데이트 되기 전에는 결코 변하지 않는 값이다.

웹과 HTTP 프로토콜

학습목표

- 웹과 HTTP 프로토콜의 기본 개념을 학습한다.

1. 웹이란?

2. HTML이란?

3. HTTP란?

3.1 HTTP Request

3.2 HTTP Response