백엔드의 구조와 Node.js 기초

 

백엔드 구조 

https://yozm.wishket.com/magazine/detail/1780/

 

 

웹 서버 (Web Server)

• 웹 서버는 정적 페이지에 대해 대응함
• 동적 페이지에 대한 처리는 직접 처리하지 않고, 웹 어플리케이션 서버에게 전달

* 정적페이지: 화면의 내용/데이터 등의 변동이 없는 페이지
* 동적페이지: 데이터 처리/연산을 통해 화면의 내용, 데이터가 변하는 페이지

 

웹 어플리케이션 서버와 데이터베이스

• 웹 어플리케이션 서버(Web Application Server, WAS)는 동적 페이지를 처리
• 필요한 데이터 연산을 위해 데이터베이스와 연결되어 있으며 데이터 조회/수정/삭제에 대한 처리를 요청

* 데이터베이스: 데이터를 통합하여 효율적으로 관리하기 위한 데이터 집합체

-> 웹 어플리케이션 서버에 포커싱 !

 

Node.js

• Node.js는 JavaScript를 브라우저 환경 밖에서도 사용할 수 있게 해주는 런타임 환경
• JavaScript가 단순한 클라이언트 측 스크립트 언어를 넘어서, 서버 측 프로그래밍에서도 사용할 수 있게 됨
• 이를 통해 자바스크립트로 백엔드 구현 가능 (웹 서버와 웹 어플리케이션 서버)

 

 

HTTP 프로토콜 템플릿

Head:

• HTTP Status Code: 요청에 대한 서버의 응답 상태 (예: 200 OK, 404 Not Found).
• Content-Type: 응답 본문의 데이터 형식 (예: text/html, application/json).

Body:

• 내용: 클라이언트에게 전달될 실제 데이터 또는 웹 페이지 콘텐츠.

 

Uniform Resource Locator (URL)

• 인터넷 상에서 웹 페이지가 어디있는지 위치를 알려주는 주소 (웹 페이지 주소)
• localhost는 컴퓨터가 스스로 식별하기 위해 사용하는 IP 주소인 `127.0.0.1`을 의미한다.
• 즉, http://localhost:8888 와 http://127.0.0.1:8888/는 동일한 주소를 가리킨다.

 

 

웹 서버 구축 실습

index.js에서 서버를 시작하면 -> server.js가 HTTP 서버를 생성하고 요청을 처리
-> 요청이 들어오면, router.js가 요청된 경로에 따라 적절한 핸들러 함수를 호출
-> requestHandler.js에서 정의된 응답을 클라이언트에 반환

 

index.js

let server = require("./server");
let router = require("./router");
let requestHandler = require("./requestHandler");

server.start(router.route, requestHandler.handle);

• require함수를 통해 정의한 모듈을 가져오고, 서버를 시작한다. 
• server.start 함수에 router의 route, requestHandler의 handle을 전달하여 서버 시작
• 터미널에서 node index.js로 로컬에서 서버 실행.

 

server.js

let http = require("http");

function start(route, handle) {
  function onRequest(request, response) {
    const url = new URL(request.url, `http://${request.headers.host}`);
    let pathname = url.pathname;
    route(pathname, handle, response);
  }

  http.createServer(onRequest).listen(8888);
}

exports.start = start;

 

• http 모듈 로드: HTTP 서버를 만들기 위해 http 모듈을 사용
• start 함수: 서버를 시작하고 요청을 처리하는 함수
• onRequest 함수: 요청이 들어올 때마다 URL 경로를 추출하고 라우팅 함수에 전달
• URL 객체 사용: 요청된 URL에서 경로(pathname)를 추출
• 서버 생성 및 실행: 포트 8888에서 HTTP 서버를 실행
• 모듈 내보내기: start 함수를 외부에서 사용할 수 있도록 내보냅니다.

 

router.js

function route(pathname, handle, response) {
  console.log("pathname: " + pathname);

  if (typeof handle[pathname] === "function") {
    handle[pathname](response);
  } else {
    response.writeHead(404, { "Content-Type": "text/html" });
    response.write("404 Not Found");
    response.end();
  }
}

exports.route = route;

• route 함수는 요청된 경로(pathname)에 따라 요청을 처리.
• handle 객체에 pathname에 해당하는 함수가 있으면 그 함수를 호출하여 응답(response) 처리.
• 함수가 없으면 404 오류를 반환하여 "404 Not Found" 메시지를 전송.

 

requestHandler.js

function main(response) {
  console.log("main");

  response.writeHead(200, { "Content-Type": "text/html" });
  response.write("Main page");
  response.end();
}

function login(response) {
  console.log("login");

  response.writeHead(200, { "Content-Type": "text/html" });
  response.write("Login page");
  response.end();
}

let handle = {};
handle["/"] = main;
handle["/login"] = login;

exports.handle = handle;

• main 함수: "/" 경로 요청 시 "Main page" 응답.
• login 함수: "/login" 경로 요청 시 "Login page" 응답.
• handle 객체: 경로별로 핸들러 함수 매핑.