210205_TIL

🍎 오늘 한 일

---

✔️ node.js로 웹서버 만들기
node.js에서 http 모듈을 이용해 웹서버를 만들었다. HTTP 트랜잭션 해부라는 가이드가 있어서 처음부터 정독해보고 코드를 하나씩 따라쳐보기도 했다. 일단 무작정 따라해보고 어떤 변화가 있는지 살펴보다 보니까 글로 볼 때보다 어떤식으로 돌아가는건지, request객체와 response 객체가 어떤식으로 작동하는지 더 바로 알 수 있었다.  웹서버를 만들고, 클라이언트 부분에서 보낸 POST 요청을 받으면 body부분을 적절히 변환해 다시 body에 담아 응답을 돌려주는게 전체적인 구조였는데 OPTIONS메서드에 따른(preflight request) 응답부분도 따로 작성해보니까 개념으로만 봐서 뭔가 추상적으로 느껴졌던 CORS를 구체적이고 명확하게 알 수 있었다.

✔️ Toy - power 
두 수(밑, 지수)를 입력받고 거듭제곱을 리턴하는 문제를 풀었다. 조건이 여러개 붙어있었는데 1) Math.pow, **연산자 사용 금지, 2)시간복잡도 O(logN) 3) 계산 결과가 컴퓨터로 표시가능한 범위를 넘지 않을 것 이렇게 세가지였는데 디버깅해보니 중간에 한번 표시 가능범위를 넘어가서인지 마지막 테스트 케이스하나가 통과되질 않았다.. 반복문으로 통과해보고싶었는데 내일 좀 더 방법을 찾아봐야겠다.

 

🍎 기억할 것

---

✔️ http 모듈
createServer : 웹 서버 객체 생성 (요청이 올떄마다 콜백함수가 호출됨)
listen() : 실제 요청 처리하는 메서드
on() : 이벤트 등록
data, end : 이벤트 (이벤트리스너 등록으로 데이터 받기 가능)
writeHead() : 헤더작성 (setHeader + statusCode)
end() : response body 전송

 

// 총정리
const http = require('http');

http.createServer((request, response) => {
  let body = [];
  request.on('error', (err) => {
    console.error(err);
  }).on('data', (chunk) => {
    body.push(chunk);
  }).on('end', () => {
    body = Buffer.concat(body).toString();
    // 원하는 응답처리
    response.on('error', (err) => {
      console.error(err);
    });
    response.writeHead(200, {'Content-Type': 'application/json'})
  });
}).listen(PORT);

 

🍎 더 공부할 것

---

✔️ OPTIOINS 요청
OPTIONS 요청에서는 다른 처리를 하지 않고 현재 서버에서 제공 가능한 옵션 정보만 내려주면서 무조건 2XX 상태로 전달해야 한다. 라고하는데 mdn 문서에는 성공한 response는 body를 가진다고 적혀있어서, 어떤 경우에 body에 콘텐츠가 담기는 건지 좀 더 알아봐야겠다.

✔️ serve 유틸리티