[Node.js] 4장 http 모듈로 서버 만들기

🔍 요청과 응답을 알아보자 (a.k.a req, res)

클라이언트에서 서버로 요청(request)을 보내고, 서버는 클라이언트에 응답(response)를 보낸다.

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

📌 서버를 만들어 보자

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에서 대기 중');
});

✅ createServer

메서드에 있는 인수로 요청에 대한 콜백 함수를 넣고, 요청이 들어올 때마다 콜백 함수가 실행된다.

콜백 부분을 보면 request의 준말인 req, response의 준말인 res가 있다. (물론 변경해도 무방하다!)

추측할 수 있듯, req 객체는 요청에 관한, res 객체는 응답에 관한 정보들을 담고 있다.

 

✅ writeHead

응답에 대한 정보를 기록하는 메서드로, 첫 번째 인수로 요청이 성공했음을 의미하는 200, 두 번째 인수로 콘텐츠의 형식을 알리고 있다.

이 정보가 기록되는 곳이 바로 헤더(Header)이다.

 

✅ write

첫 번째 인수는 클라이언트로 보낼 데이터이다. 문자열, 버퍼 등 다양한 것들을 보낼 수도 있고, 여러 번 호출하여 데이터를 여러개 보낼 수도 있다. 

이 데이터가 기록되는 부분이 바로 본문(Body)이다.

 

✅ end

응답을 종료하는 메서드이다. 인수가 있다면, 해당 인수도 클라이언트로 보내고 응답을 종료한다. 브라우저는 응답 내용을 받아서 렌더링한다.

 

✅ listen

서버를 연결하는 부분으로, 클라이언트에 공개할 포트 번호와 포트 연결 후 실행될 콜백 함수를 넣는다.

🔍 그 유명한 REST와 라우팅을 사용해 보자

REST. REpresentational State Transfer의 줄임말이다. 서버의 자원을 정의하고, 자원에 대한 주소를 지정하는 방법이기도 하다. 주소 외에도 HTTP 요청 메서드를 사용하는데, GET과 POST 등의 메서도 외에도 다른 메서드들이 존재한다.

📌 메서드 종류 알아보기

GET : 서버 자원을 가져오고자 할 때 사용한다.

POST : 서버에 자원을 새로 등록하고자 할 때 사용한다.

PUT : 서버의 자원을 요청에 들어 있는 자원으로 치환하고자 할 때 사용한다.

PATCH : 서버 자원을 일부만 수정하고자 할 때 사용한다.

DELETE : 서버의 자원을 삭제하고자 할 때 사용한다.

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

 

✅ RESTful?

REST를 따르는 서버를 RESTful하다고 표현한다. 주소 구조를 체계화해 둔 뒤, 코딩을 시작하면 체계적인 프로그래밍이 가능하다.

if (req.method === 'GET') {
      if (req.url === '/') {

코드를 일부만 발췌해 왔다. 코드 중, req.method라는 부분이 있다.

✅ req.method

이 부분에서 HTTP 요청 메서드를 구분하고 있다. GET일 경우, 다시 req.url로 요청 주소를 구분해 준다. 존재하지 않는 파일을 요청하거나, GET 메서드 요청이 아닐 경우 404 에러를 전송한다.

 

✅ req.on()

POST, PUT 요청을 처리할 때 req.on('data'), req.on('end')을 사용하는 것을 알 수 있다. 이는 요청의 본문에 들어 있는 데이터를 꺼내기 위한 작업이다. req와 res도 내부적으로는 각각 readStream과 writeStream으로 되어 있으므로, 요청/응답의 데이터가 스트림 형식으로 전달된다. on에서 볼 수 있듯, 이벤트도 달려있다. 

단, 데이터는 문자열이기 때문에 JSON.parse를 이용해 JSON으로 만드는 것을 잊지 말자.

 

🔍 서버가 구운 쿠키와 세션

📌 쿠키?

서버가 요청에 대한 응답을 할 때 같이 보내는 것이다. 유효 기간이 있으며, 단순한 키-값의 쌍이다. 브라우저는 쿠키가 있다면 자동으로 동봉하여 보내주기 때문에 따로 처리할 필요가 없고, 서버에서 브라우저로 쿠키를 보낼 때만 처리해 주면 된다.

쿠키는 요청의 헤더에 담겨 전송되며, 브라우저는 응답의 헤더(Set-Cookie)에 따라 쿠키를 저장한다.

 

✅ 쿠키가 유출한 나의 개인정보

쿠키는 사용자가 누구인지 추적하고 있다. 개인정보 유출의 위험이 있기에 관련 정보를 쿠키에 저장하지 않도록 권고하고 있고, 주기적으로 삭제해야 하는 이유도 그것이다.

 

📌 쿠키!

쿠키를 설정할 때는 각종 옵션을 넣을 수 있고, 옵션 사이에 세미콜론을 써서 구분하면 된다. 쿠키에 들어가서는 안 되는 글자로 한글과 줄바꿈이 있다. 한글을 사용하고 싶을 때는 encodeURIComponent로 감싸서 넣는다.

 

쿠키명=쿠키값 : 기본적인 쿠키의 값

Expires=날짜 : 만료 기한

Max-age=초 : 날짜 대신 초를 입력

Domain=도메인명 : 쿠키가 전송될 도메인을 특정

Path=URL : 쿠키가 전송될 URL을 특정

Secure : HTTPS일 경우에만 쿠키 전송

HttpOnly : 설정 시 JS에서 쿠키에 접근 불가능, 쿠키 조작을 방지하기 위해 사용

 

🔍 https와 http2

📌아니, http2가 뭔데?

2015년 공식적으로 발표된 HTTP/1.1의 후속 버전이다. (우리가 http2를 공부하고 있는 2022년 10월, 놀랍게도 2022년 6월에 HTTP/3이 공개되었다!)

HTTP1은 텍스트 위주의 전송 프로토콜이었다. 웹 기술이 발전함에 따라 고용량의 멀티미디어 데이터를 전송하는 일이 많아졌고, 이에 따라 새로운 버전의 HTTP가 필요해졌다. 이를 위해 제작된 것이 HTTP2이다.

 

✅ 그럼 http3은 뭔데?

HTTP의 3번째 메이저 버전으로, HTTP1과 2가 TCP로 통신하는 것과 달리 HTTP3은 UDP 기반의 QUIC 프로토콜을 이용하여 통신한다.

큰 장점 3가지는, Zero RTT(Round Trip Time), 패킷 손실에 대한 빠른 대응, 사용자 IP가 바뀌어도 연결이 유지되는 것이다. 일반적인 웹 환경에서는 HTTP/2와 HTTP/3의 차이가 크지 않을 수 있으나, 동영상 서비스 등에서는 큰 차이를 보인다.

이 정도로만 알아보고, 다시 노드로 돌아가자.

📌서버에 암호화를 적용하기 위해서

우리는 https 모듈을 사용하여 암호화를 적용할 수 있다. 암호화를 적용하는 만큼, https는 인증받은 사용자만 사용할 수 있다. 

 

✅ 노드의 http2 모듈

은 SSL 암호화와 더불어 최선 http 프로토콜인 http/2를 사용할 수 있게 한다. https 모듈과 거의 유사하게 사용하나, https를 http2로, createServer를 createSecureServer 메서드로 변경하면 된다.

 

🔍 cluster!

기본적으로 싱글 프로세스로 동작하는 노드가 CPU 코어를 모두 사용할 수 있게 해 주는 모듈이다. 포트를 공유하는 노드를 여러 개 둘 수 있기 때문에, 요청이 많이 들어왔을 때 병렬로 실행된 서버의 개수만큼 요청이 분산되게 할 수 있다. 즉, 서버에 무리를 덜 줄 수 있다.

 

✅ 주의해야 할 점

스레드가 아니라 프로세스라는 점이다. 클러스터는 마스터 프로세스와 워커 프로세스로 이루어져 있는데, 마스터 프로세스는 CPU 개수만큼 워커 프로세스를 만들고, 요청이 들어오면 만들어진 워커 프로세스에 요청을 분배한다.

 

직접 cluster 모듈로 클러스터링을 구현할 수도 있지만, 실무에서는 pm2의 모듈로 cluster을 사용하기도 한다. pm2는 나중에, 15장에서 알아보도록 하자.

 

✍ 빈칸 문제

1. createServer는 인수로 ___과 ___을 넣는데, 이는 각각 ___과 ___에 관한 정보를 담고 있다.

2. Header에 해당하는 메서드는 ____, Body에 해당하는 메서드는 ____이다.

3. REST를 따르는 서버를 ____하다고 표현한다.

4. req.method에서 구분하는 것은 ______이다.

5. 쿠키에서 한글을 사용하고 싶을 때는 ___________로 감싸서 넣는다.

6. 노드에서 http2 모듈을 사용하고 싶을 때, https 모듈에서 ____를 http2로, ____를 createSecureServer 메서드로 변경하면 된다.

7. 클러스터는 ___가 아니라 ___라는 점을 기억해야 한다.

📐 코드 문제

1. 8083 포트로 연결된 서버를 만들어 보시오. 내용으로는 <h1>Hello Undefined!</h1>, <p>We are Undefined!</p>가 들어가게 하시오.

2. method가 GET을 원하고, url이 /일 때 "./silsub.html"을 불러오는 코드를 작성하시오.

 

✍ 빈칸 문제 답

1. req, res 요청, 응답
2. writeHead, write
3. RESTful
4. HTTP 요청 메서드
5. encodeURIComponent
6. https, createServer
7. 스레드, 프로세스

📐 코드 문제 답

1.

const http = require('http');

http.createServer((req, res) => {
    res.writeHead(200, { 'Content-Type': 'text/html; charset=utf-8'});
    res.write('<h1>Hello Undefined!</h1>');
    res.end('<p>We are Undefined!</p>');
})
.listen(8083, () => {
    console.log('8083에서 대기 중');
});

2. 

if (req.method === "GET") {
	if (req.url === "/") {
		const data = await fs.readfile('./silsub.html');
		res.writeHead(200, {'Content-Type': 'text/html; charset=utf-8'});
		res.end(data);
}}