http 없는 http 서버 만들기

Warning

This post is more than a year old. Information may be outdated.

200703

우아한테크캠프 2일차 프로젝트 중 http 모듈 (당연히 express 모듈도) 없이 http 서버를 구현하는 프로젝트가 있었다. 인터넷에 검색해 봐도 관련된 자료가 전혀 나오지 않아 이렇게 기록을 남겨둔다. 프로젝트의 의도 자체는 http 프로토콜을 이해하라는 것이었다.

http 자체도 기본적으로는 tcp/ip 프로토콜을 사용하기 때문에 net 모듈을 사용하면 이를 해결할 수 있다. net 모듈을 이용해서 http 프로토콜에 맞추어 응답을 보내주면 된다.

코드

project/app.js

var net = require("net");var fs = require("fs");
let server = net.createServer((sock) => {  let client = sock.remoteAddress;  console.log("serving stream to " + client);  fs.readFile("public/index.html", function (err, data) {    if (err) {      console.log(err);      return;    }    sock.write("HTTP/2.0 200 OK\r\n" + "\r\n");    sock.write(data);    sock.end();  });});
server.listen(8080);

var net = require("net");var fs = require("fs");
let server = net.createServer((sock) => {  let client = sock.remoteAddress;  console.log("serving stream to " + client);  fs.readFile("public/index.html", function (err, data) {    if (err) {      console.log(err);      return;    }    sock.write("HTTP/2.0 200 OK\r\n" + "\r\n");    sock.write(data);    sock.end();  });});
server.listen(8080);

다음과 같은 index.html도 준비했다.

project/public/index.html

html

<!doctype html><html lang="en">  <head>    <meta charset="UTF-8" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>It is working...</title>  </head>
  <body>    <h1 id="toc_0">h1</h1>    <h2 id="toc_1">h2</h2>    <h2 id="toc_2">h3</h2>    <h4 id="toc_3">h4</h4>    <div>      <pre        class="line-numbers"      ><code class="language-none">codeblock</code></pre>    </div>    <blockquote>      <p>quote</p>    </blockquote>  </body></html>

<!doctype html><html lang="en">  <head>    <meta charset="UTF-8" />    <meta name="viewport" content="width=device-width, initial-scale=1.0" />    <title>It is working...</title>  </head>
  <body>    <h1 id="toc_0">h1</h1>    <h2 id="toc_1">h2</h2>    <h2 id="toc_2">h3</h2>    <h4 id="toc_3">h4</h4>    <div>      <pre        class="line-numbers"      ><code class="language-none">codeblock</code></pre>    </div>    <blockquote>      <p>quote</p>    </blockquote>  </body></html>

결과

http 프로토콜에서 명시된 모든 헤더들을 구현하진 않았지만 프로젝트의 요구 조건에는 부합한다!