[노드 2팀] #6. http 모듈로 서버 만들기 & 패키지 매니저

🌟키워드: 요청과 응답, REST, 쿠키, 세션, https, cluster, npm, package.json

 

---

1. 요청과 응답

서버에는 요청을 받는 부분과 응답을 보내는 부분이 있어야 한다.

요청 & 응답은 이벤트 방식이므로, 이벤트 리스너를 미리 등록해둬야한다.

​

 

노드 서버를 만드는 코드

const http = require('http');

http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
  res.write('<h1>Hello Node!</h1>');
  res.end('<p>Hello Server!</p>');
})
  .listen(8080, () => { // 서버 연결
    console.log('8080번 포트에서 서버 대기 중입니다!');
  });

res 객체에는 res.writeHead, res.write, res.end 메서드가 있다.

→ res.writeHead는 응답에 대한 정보를 기록하는 메서드이다. 첫 번째 인수로는 성공적인 요청임을 의미하는 200을, 두 번째 인수로는 응답에 대한 정보를 보낸다.

→ res.write에는 클라이언트로 보낼 데이터를 넣어준다.

→ res.end는 응답을 종료하는 메서드이다.

​

 

웹 브라우저를 열어 http://localhost:8080에 접속하면, 위의 서버로 이동한다.

서버를 종료하려면 콘솔에서 Ctrl+C를 입력하면 된다.

 

 

 

 

2. REST

*REST: 서버의 자원을 정의하고, 자원에 대한 주소를 지정하는 방법

• 주소 + HTTP 요청 메소드를 사용한다.

→ HTTP 요청 메소드 중 자주 사용되는 메소드

• GET: 서버 자원을 가져오고자 할 때 사용합니다. 요청의 본문(body)에 데이터를 넣지 않는다. 데이터를 서버로 보내야 한다면 쿼리스트링을 사용한다.

• POST: 서버에 자원을 새로 등록하고자 할 때 사용한다. 요청의 본문에 새로 등록할 데이터를 넣어 보낸다.

• PUT: 서버의 자원을 요청에 들어 있는 자원으로 치환하고자 할 때 사용한다. 요청의 본문에 치환할 데이터를 넣어 보낸다.

• PATCH: 서버 자원의 일부만 수정하고자 할 때 사용한다. 요청의 본문에 일부 수정할 데이터를 넣어 보낸다.

• DELETE: 서버의 자원을 삭제하고자 할 때 사용한다. 요청의 본문에 데이터를 넣지 않는다.

• OPTIONS: 요청을 하기 전에 통신 옵션을 설명하기 위해 사용한다.

 

- REST 서버는 데이터가 메모리에 저장되므로 서버를 종료하면 데이터가 소실된다.

  '데이터베이스'를 통해 데이터를 영구적으로 저장할 수 있다.

 

 

 

 

​

3. 쿠키

- 사용자가 누구인지 기억하기 위해 서버는 요청에 대한 응답을 할 때 쿠키를 같이 보낸다.

- 쿠키는 유효 기간이 있다.

- name = zerocho와 같이 단순한 '키-값'의 쌍

- 서버는 미리 클라이언트에 요청자를 추정할 만한 정보를 쿠키로 만들어 보내고, 그다음부터는 클라이언트로부터 쿠키를 받아 요청자 파악

 

쿠키를 만들어 요청자의 브라우저에 넣는 코드

const http = require("http");

http.createServer((req, res) => {
    console.log(req.url, req.headers.cookie);
    res.writeHead(200, {'Set-Cookie' : 'mycookie=test'});
    res.end('Hello Cookie');
}).listen(8083, () => {
    console.log("8083번 포트에서 서버 대기 중입니다!");
});

→ createServer 메서드의 콜백에서는 req 객체에 담겨 있는 쿠키를 가져온다.

(쿠키는 req.headers.cookie에 들어있다.)

→ res.writeHead 메서드를 통해 응답 헤더에 쿠키 기록

→ Set-Cookie는 브라우저가 다음 값과 같은 쿠키를 저장하도록 한다.

→ 응답을 받은 브라우저는 mycookie=test라는 쿠키를 저장

 

 

※ 민감한 개인정보를 쿠키에 넣어두는 것은 적절하지X

쿠키에 이름을 담아서 보내는 대신, uniqueInt라는 숫자 값을 보내고 사용자의 이름 & 만료 시간은 uniqueInt 속성명 아래에 있는 session이라는 객체에 대신 저장한다.

 

 

 

 

 

4. https의 암호화

- https 모듈은 웹 서버에 SSL 암호화를 추가하여 GET이나 POST 요청을 할 때 오가는 데이터를 암호화해서 중간에 다른 사람이 요청을 가로채더라도 내용을 확인할 수 없게 한다.

ex) 로그인, 결제가 필요한 창에서 https 암호화 적용 필수

 

 

 

 

​

5. cluster

*cluster 모듈: 싱글 프로세스로 동작하는 노드가 CPU 코어를 모두 사용할 수 있게 해주는 모듈

- 포트를 공유하는 노드 프로세스를 여러 개 둘 수 있어, 요청이 많이 들어왔을 때 요청을 분산시킬 수 있다.

→ 서버에 무리가 덜 가는 효과

- 노드는 보통 코어를 하나만 활용하는데, 클러스터링을 하면 코어를 하나만 활용할 때에 비해 성능이 개선된다.

- 클러스터링을 적용해두면 예기치 못한 에러로 인해 서버가 종료되는 현상을 방지할 수 있다.

​

위의 '주제1.요청과 응답'에서 나왔던 노드 서버 예제 코드를 클러스터링한 코드

const cluster = require('cluster');
const http = require('http');
const numCPUs = require('os').cpus().length;
if (cluster.isMaster) {
  console.log(`마스터 프로세스 아이디: ${process.pid}`);
  // CPU 개수만큼 워커를 생산
  for (let i = 0; i < numCPUs; i += 1) {
    cluster.fork();
  }
  // 워커가 종료되었을 때
  cluster.on('exit', (worker, code, signal) => {
    console.log(`${worker.process.pid}번 워커가 종료되었습니다.`);
    console.log('code', code, 'signal', signal);
  });
} else {
  // 워커들이 포트에서 대기
  http.createServer((req, res) => {
    res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
    res.write('<h1>Hello Node!</h1>');
    res.end('<p>Hello Cluster!</p>');
  }).listen(8086);

  console.log(`${process.pid}번 워커 실행`);
}

 

 

 

 

 

6. npm

*npm = 노드 패키지 매니저

- 대부분의 js프로그램은 패키지 이름으로 npm에 등록되어 있다.

- 특정 기능을 하는 패키지가 필요하다면 npm에서 찾아 설치하면 된다.

​

​

​

 

7. package.json

*package.json: 설치한 패키지의 버전을 관리하는 파일

★노드 프로젝트를 시작하기 전에는 폴더 내부에 무조건 package.json부터 만들고 시작해야 한다.

- 패키지들은 의존 관계가 복잡하게 얽혀 있기 때문에 필요하다.

- npm init 명령어를 입력하여 pacakge.json을 만들 수 있다.

$ npm init
This utility will walk you through creating a package.json file.
It only covers the most common items, and tries to guess sensible defaults.

See `npm help json` for definitive documentation on these fields
and exactly what they do.

Use `npm install <pkg>` afterwards to install a package and
save it as a dependency in the package.json file.

Press ^C at any time to quit.
package name: (폴더명) [프로젝트 이름 입력]
version: (1.0.0) [프로젝트 버전 입력]
description: [프로젝트 설명 입력]
entry point: index.js
test command: [엔터 키 클릭]
git repository: [엔터 키 클릭]
keywords: [엔터 키 클릭]
author: [여러분의 이름 입력]
license: (ISC) [엔터 키 클릭]
About to write to C:\Users\zerocho/npmtest\package.json:

//...생략

 

 

 

 

---

quiz

1. 서버의 자원을 정의하고 자원에 대한 주소를 지정하는 방법을 (     ) 라고 한다.

​

2. 사용자가 누구인지 기억하기 위해 서버는 요청에 대한 응답을 할 때 (     )를 같이 보낸다.

​

3. 쿠키에 개인정보를 담아서 보내는 것은 보안상 취약하므로, 사용자의 이름과 만료 시간은 쿠키 대신 (      ) 객체에 대신 저장한다.

​

4. https 모듈은 (      ) 암호화를 통해 오가는 데이터를 중간에 다른 사람이 가로채더라도 그 내용을 확인할 수 없게 한다.

​

5. 포트를 공유하는 노드 프로세스를 여러 개 두어 요청을 분산시킬 수 있는 모듈은 (      ) 이다.

 

6. 특정 기능을 하는 패키지가 필요하다면 (      ) 에서 찾아 설치하면 된다.

 

7. 설치한 패키지의 버전을 관리하는 파일은 (      ) 이다.

 

programming quiz

8. http 모듈을 사용하여 HTTP 서버를 생성하시오. 서버는 8081번 포트에서 실행된다.

​

9. 쿠키를 만들어 브라우저에 넣는 코드이다. 1~4번 주석을 채우시오.

const http = require("http");

http.createServer((//1번, res) => {
    console.log(//2번, //3번);
    res.writeHead(200, {//4번 : 'mycookie=test'});
    res.end('Hello Cookie');
}).listen(8083, () => {
    console.log("8083번 포트에서 서버 대기 중입니다!");
});

 

 

 

---

Answer

1. REST

2. 쿠키

3. session

4. SSL

5. cluster

6. npm

7. package.json

8.

const http = require('http');

http.createServer((req, res) => {
  res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8' });
  res.write('<h1>http 모듈을 사용한 HTTP 서버</h1>');
  res.end('<p>8081번 포트에서 실행되는 서버</p>');
})
  .listen(8081, () => {
    console.log('8081번 포트에서 서버 대기 중');
  });

 

9.

const http = require("http");

http.createServer((req, res) => {
    console.log(req.url, req.headers.cookie);
    res.writeHead(200, {'Set-Cookie' : 'mycookie=test'});
    res.end('Hello Cookie');
}).listen(8083, () => {
    console.log("8083번 포트에서 서버 대기 중입니다!");
});

 

 

 

출처) 조현정, 「Node.js 교과서 개정 3판」, 길벗(2022), 4장-5장

 

Corner node.js 2팀

Editor : Pujimbao