Node.js 입문주차 1주차 -3_Express.js 프레임워크

Express.js 프레임워크

◆ 웹 프레임워크(Web Framework) :

웹 서비스를 빠르게 구현할 수 있게 도와주는 도구로, 개발 규칙과 구조를 제공하여 복잡성을 줄이고 개발 과정을 단순화합니다.

 

◆ 웹서버 종류

Node.js를 사용해 구축된 웹 서버

Python의 웹 프레임워크인 Flask, Java

Kotlin으로 만들어진 Spring 기반의 웹 서버

등

 

◆ Express.js

Node.js로 웹 서버를 구현하는데 도움을 주는 도구입니다.

가장 대표적인 웹 프레임워크로 개발자 커뮤니티가 매우 활발합니다.

미들웨어(Middleware)를 지원합니다. ( 인증(Authentication), 로깅(Logging), 에러 처리 핸들러(Exception Handler)등)

미들웨어 : 사용자의 요청과 응답 사이에 위치하며, 특정 기능을 수행하는 함수입니다.

 

◆ Express.js로 백엔드 서버 구현
1) 새 프로젝트 설정
VS Code 에서 새 폴더를 생성 > app.js 파일 생성 > bash 터미널열기 > 

yarn init -y #이미 yarn이 설치된 경우 뒤에 '-y'를 붙여서 프로젝트를 초기화 시킵니다.

 

2) package.json 모듈 변경하기

{ // package.json
  "name": "spa-shop",
  "version": "1.0.0",
  "main": "index.js",
  "license": "MIT",
  "type": "module"
}

 

3) Express.js 설치

yarn add express

 

4) app.js에 코드 셈플 넣기

// app.js

import express from 'express';

const app = express();
const PORT = 3000;

app.get('/', (req, res) => {
  res.send('Hello World!');
});

app.listen(PORT, () => {
  console.log(PORT, '포트로 서버가 열렸어요!');
});

 

 5) 실행하기

터미널에서 node.Js  실행하기

node 파일명.js

node app.js

 

3000 포트로 서버가 열렸어요! 뜨면 정상적으로 서버가 열렸다는 뜻 입니다.

 

http://localhost:3000/   로 들어가면 결과가 뜹니다.

  

◆ 이미 사용 중인 포트를 찾아서 종료하는 방법

Windows

netstat 이라는 명령어를 통해서 현재 컴퓨터와 연결된 네트워크 정보를 확인할 수 있는대요, 이를 이용해서 원하는 포트 정보를 확인할 수 있습니다.

1. cmd 창을 열어서 아래 명령어를 통해서, 우리가 원하는 포트 정보를 찾습니다.

netstat -ano | find <"원하는포트">

2. 해당 포트를 점유하고 있는 PID를 찾아서 종료시킵니다.

taskkill /f /pid 12952

 

 

 

※ 요약

◆ 웹 프레임워크(Web Framework)

웹 서비스를 빠르게 구현하도록 도와주는 도구로, 규칙과 구조를 제공해 개발 복잡성을 줄입니다.

 

◆Express.js

Node.js로 웹 서버를 쉽게 구축하게 해주는 도구입니다.

대표적인 웹 프레임워크로, 개발자 커뮤니티가 활발합니다.

인증, 로깅, 에러 처리 등을 위한 미들웨어 기능을 지원합니다.

미들웨어: 요청과 응답 사이에서 특정 기능을 수행하는 함수입니다.

 

◆Express.js로 백엔드 서버 구현

• 프로젝트 설정: VS Code에서 새 폴더와 app.js 파일 생성 후 yarn init -y로 프로젝트 초기화
• package.json 설정: type: module 추가
• Express.js 설치: yarn add express
• 기본 코드 작성:

  import express from 'express';
  
  const app = express();
  const PORT = 3000;  // 서버 포트 
  
  app.get('/', (req, res) => {
    res.send('Hello World!');
  });
  
  app.listen(PORT, () => {
    console.log(PORT, '포트로 서버가 열렸어요!');
  });

• 서버 실행: node app.js로 서버 실행 후 http://localhost:3000/에서 확인

◆ 이미 사용 중인 포트 종료 방법 (Windows)

netstat -ano | find "포트번호"로 PID 확인 후, taskkill /f /pid [PID번호]로 종료

 

※ 기억할 것

◆ yarn 이미 글로벌환경에서 설치된 상태에서 설치하기.

새 프로젝트 설정 VS Code 에서 새 폴더를 생성 > app.js 파일 생성 > bash 터미널열기 > yarn init -y > yarn add 프로젝트명

◆ 이미 사용 중인 포트를 찾아서 종료하는 방법

Windows

1. cmd 창을 열어서 아래 명령어를 통해서, 우리가 원하는 포트 정보를 찾습니다.

netstat -ano | find <"원하는포트">

2. 해당 포트를 점유하고 있는 PID를 찾아서 종료시킵니다.

taskkill /f /pid 12952