[HTTP] 01. HTTP 기본 - 1장. HTTP 시작

01. HTTP 기본

• 🔗 https://github.com/jeonghwan-kim/lecture-http

• 🔗 https://jeonghwan-kim.github.io/2024/07/07/lecture-http-part1

• 1장. HTTP 시작: 웹의 탄생 배경과 역사에 대해 알 수 있다.
• 2장. HTTP 메시지: HTTP의 주요 요소에 대해 배울 수 있다.

---

1장. HTTP 시작

1.1 문서 배포

• 웹 어플리케이션의 동작 원리와 HTTP의 역할
• HTTP로 전하는 강의
• 간단한 강의 제공 어플리케이션 구현
• HTTP의 초기 버전

$ node ch 01/my-server

• 서버 실행
• 서버(http://localhost:3000)를 열고 커멘드 라인 명령어에 입력한 주소의 파일 내용을 띄운다.

1.2 더 많은 문서

• 더 많은 수업 자료를 여러 페이지로 제공하려면 파일로 분리
• 파일 기반 컨텐츠 제공 서버
• 동적 URL 지원 클라이언트

1.3 HTTP/0.9

• HTTP 초기 버전:
  • 1989년 버너스리가 제안
  • HTML: 하이퍼 텍스트 마크업 언어
  • HTTP: 하이퍼 텍스트 전송 규약
  • httpd: HTTP 서버 프로그램
  • World Wide Web: 최초의 웹 클라이언트
  • 1990년 프로토콜 완성
  • 1991년 외부 공개
• 이후 버전:
  • 1996년 http/1.0
  • 1997년 http/1.1
  • 2015년 http/2
  • 2018년 http/3
• HTTP 핵심 요소
  • URL
  • 헤더
  • 본문
  • 상태코드

1.4 cURL

🔗 cURL 다운로드: https://curl.se/download.html

• client for URL의 약자. URL을 받아 서버로 요청을 보내고 받은 응답을 출력하는 도구

• cURL로 HTTP 요청 및 응답 확인하기

  $ curl http://localhost:3000/ch01.txt -v
  $ curl http://localhost:3000/ch01.txt --verbose
  

• 결과 ````shell
  • Host localhost:3000 was resolved.
  • IPv6: ::1
  • IPv4: 127.0.0.1
  • Trying [::1]:3000…
  • Connected to localhost (::1) port 3000

    GET /ch01.txt HTTP/1.1 Host: localhost:3000 User-Agent: curl/8.7.1 Accept: /

  • Request completely sent off < HTTP/1.1 200 OK < Date: Fri, 31 Jan 2025 08:51:06 GMT < Connection: keep-alive < Keep-Alive: timeout=5 < Transfer-Encoding: chunked < HTTP Lecture

  Chapter 1. Basic 1.1 HTTP Start

  • Connection #0 to host localhost left intact 1.2 HTTP Message% ````

1.5 중간 정리

• HTTP의 초기 버전을 직접 만들면서 이해했습니다.
• 이후에 http 프로토콜은 여러 버전으로 진화했습니다.
• 수업에서 사용할 도구 cURL을 소개했습니다.

참고

• [HTTP의 진화

  MDN](https://developer.mozilla.org/ko/docs/Web/HTTP/Guides/Evolution_of_HTTP)

• WorldWideWeb
• cURL | 김정환블로그

---

예제

my-server

퍄일구조

• /ch01/my-server
  • public
    • ch01.txt
    • ch02.txt
  • index.js

const http = require('http'); // HTTP 모듈
const path = require('path');
const fs = require('fs');

const static = (req, res) => {
  // /public 폴더 아래에 있는 txt 폴더의 경로를 얻는 표현식
  const filepath = path.join(__dirname, 'public', req.url);

  fs.readFile(filepath, (err, data) => {
    if (err) {
      res.write('Not Found\n');
      res.end();
      return;
    }

    res.write(data);
    res.end();
  });
};

const handler = (req, res) => static(req, res);

const server = http.createServer(handler);
server.listen(3000, () => console.log('server is running :: 3000'));

/**
 * 서버 실행: $ node ch01/my-server
 * 브라우저에서 localhost: 3000 주소로 접속하면 content 에 입력한 내용이 뜬다.
 */

HTTP Lecture

Chapter 1. Basic
  1.1 HTTP Start
  1.2 HTTP Message

HTTP Lecture

Chapter 2. Web Browser
  2.1 Content Negotiation
  2.2 Cookie

my-client

파일구조

• /ch01/my-client
  • index.js

const http = require('http'); // HTTP 모듈

// $ node my-client <url>
const url = process.argv[2];

if (!url) {
  console.error('Usage: node ch01/my-client <url>');
  process.exit();
}

const options = new URL(url);

const handler = (res) => {
  const data = [];

  // data event
  res.on('data', (chunk) => {
    data.push(chunk.toString());
  });

  // end event
  res.on('end', () => {
    console.log(data.join(''));
  });
};

// options에 명시한 주소로 요청을 보낸다.
// 응답이 오면 handler 함수가 동작한다.
const req = http.request(options, handler);

req.end();

/**
 * 클라이언트 실행: $ node ch01/my-client http://localhost:3000/ch01.txt
 */