🦁_21.12.28 TIL

21년 12월 28일

📝 코드라이언 - 일단 만드는 node.js

📃 Chapter_4 Node.js로 나의 첫 서버 구축하기

📎 Sever

• 네트워크를 통해 클라이언트에 정보나 서비스를 제공하는 컴퓨터 혹은 프로그램
  => 클라이언트의 요청에 대해 응답하는 역할

• 웹사이트에 접속할 때

  • 클릭 또는 url 입력을 통해 들어간다.
  • 이때 우리는 클라이언트(사용자)가 된다.
  • 그리고 url을 통해 요청을 하게 된다.
  • 서버는 그에 대한 반환값으로 응답을 한다.
  • html 코드가 담긴 코드를 통해 브라우저로 넘겨준다.
  • 클라이언트는 html 코드를 통해 브라우저 내에서 해석하고, 해석한 결과값을 바탕으로 사용자는 웹사이트에 접속할 수 있게 된다.

  네이버라는 사이트 url을 서버에 요청
  => 서버는 네이버라는 html 코드가 담긴 결과값을 클라이언트에게 보냄
  => 클라이언트는 네이버에 정상적으로 접속

const http = require("http");

http
  .createServer((req, res) => {
    // writeHead : header 값을 추가해서 보내주는 것
    // 응답을 보낼 때 Header 값을 통해서 상태코드라고 하는 숫자(200)를 보낸다.
    // 타입에 대해서도 같이 보낸다.
    res.writeHead(200, { "Content-Type": "text/html" });
    // 200 : 응답을 잘 보냈을 때의 숫자
    // 404 : 해당 응답이 정상적으로 이루어지지 않음을 의미
    // type에 html을 보내겠다고 명시한 것
    res.end("<p>Hello World!</p>");
  })
  .listen(3000, () => {
    console.log("3000번 포트 서버 접속 완료!");
  });

• require : 해당 패키지를 불러와서 사용할 수 있게 해준다.
• req : 요청보낼 때의 정보
• res : 클라이언트에 응답을 보낼 때 해당 코드를 통해서 응답을 보낸다.

# 출력 결과
PS C:경로\js_test\server> node server.js
3000번 포트 서버 접속 완료!

• http://localhost:3000/ 에서 확인
  

📎 localhost

• 현재 컴퓨터의 내부 주소
• 서버에 접근하기 위해서는 주소가 필요
  => localhost는 컴퓨터에 접근하기 위한 주소
• 서버 개발할 때 테스트용으로 많이 쓰임
  => 서버 개발 중 실제 컴퓨터에 배포를 해서 사용자에게 접근할 수 있도록 하는 것은 보안상의 문제나 효율성이 좋지 않다.
  => 컴퓨터의 내부의 주소(localhost)를 통해 테스트
• localhost = 127.0.0.1
  • 127.0.0.1 = IP(Internet Protocol)

📎 포트(Port)

• 서버 내의 프로세스를 구분하는 번호
  • 프로세스 : 하나의 기능
• 서버에서는 다양한 일을 처리(HTTP, DB 등)
• localhost를 가장 기본 주소로 두고, 기능에 따라서 포트번호로 이를 구분(분리)시킴
• 포트번호에 따라서 서버는 포트번호에 있는 기능을 클라이언트에게 전달
  => 다양한 기능들을 구분시켜서 접근할수 있도록 하는 유용한 기능 중 하나

📎 Postman

• 서버 개발 시 이를 테스트할 수 있는 툴
• 서버를 만들고 실행
  => 해당 서버에 접근하기 위해 브라우저에 url을 입력해서 접근
  => 브라우저를 통해 접근을 할 수 있으나 브라우저 자체가 서버를 테스트하기 위한 용도로 만들어 진 것이 아니기 때문에 접근이 한정적이다.
• Postman을 통해 더 다양한 기능을 활용해서 개발에 이용할 수 있다.
  => 서버 개발 시 많이 사용하는 툴
• 설치 : Postman 사이트에 접속해서 다운로드 진행
  
  
  

HTTP Method

• 클라이언트가 서버에 요청을 보낼 때 요청의 속성에 맞는 HTTP Method를 정의해줘야 한다.
  • GET : 단순 페이지 열람 요청
  • POST : 게시물 업로드와 같은 기능 요청
  • PUT : 업데이트할 때
  • DELETE : 삭제할 때

=> Postman은 서버에 요청을 보내고 그에 대한 응답을 받을 때 해당 결과값을 더 쉽게 받을 수 있는 툴

📎 API 서버

• 요청을 받고 응답을 하는 서버
• 요청을 보내는 주체인 클라이언트가 요청을 보내면 그 요청을 처리하고 응답을 보내는 서버
• /라우터 방식으로 기존 url로 접근을 했는데, 각각 특성에 맞는 url을 분기 처리
  => 요청에 맞게 분기 처리하는 것
  => 라우팅

const http = require("http");

// url에 맞게 분기처리한 서버
http.createServer((req, res) => {
  // req의 url이 base url("/")일 경우
  if(req.url === "/") {
    // 응답을 보냈을 때 정상 작동을 한다면 
    // status code : 200
    res.writeHead(200);
    res.end("main url")
  } else if (req.url === "/upload") {
    res.writeHead(200);
    res.end("upload url");
  } else if (req.url === "/delete") {
    res.writeHead(200);
    res.end("delete url");
  } else {
    res.writeHead(404);
    res.end("Not found!!!");
  }
})
.listen(3000, () => {
  // listen은 서버를 다 만들고 해당 포트(여기서는 3000) 내에서 대기
  console.log("3000번 포트 서버 접속 완료!")
});

HTTP response status codes

• 특정 HTTP 요청이 성공적으로 완료되었는지 여부를 나타냄
  1. Informational responses (100–199)
  2. Successful responses (200–299)
  3. Redirection messages (300–399)
  4. Client error responses (400–499)
  5. Server error responses (500–599)