[Node.js] Express 웹 애플리케이션 프레임워크

Express는 백엔드 웹 서버를 구축하는데 사용되는 프레임워크다. 백엔드 웹 서버를 구축하는 대표적인 프레임워크는 Java를 사용하는 Spring Framework다. 즉, Express는 Node.js를 기반으로 하여 만들어진 Express를 사용하여 백엔드 웹서버를 구축한다고 할 수 있겠다.

 

Node.js

Node.js는 자바스크립트로 웹서버를 구축하는 프로그램이라고 할 수 있다. 근데 이게 100점 자리 정답은 아니다. 우리는 흔히 자바스크립트는 프론트 영역으로 브라우저에서 실행되는 것이라고 알고 있다. 근데, 이 Node.js는 자바스크립트를 가지고 백엔드 영역까지 사용할 수 있도록 해준다.

 

즉, Node.js는 자바스크립트 언어로 웹서버를 구축할 수 있도록 해주는 프로그램이면서, 브라우저에서도 실행할 수 있지만, 백엔드인 다른 런타임 환경에서도 사용하여 웹서버를 구축할 수 있도록 해주는 것이라고 할 수 있다. 근데 Express를 이용한.

 

Express

Expree는 위에서 설명했던 것과 같이, Node.js를 사용하여 브라우저가 아닌 백엔드에서도 런타임 환경을 만들어 주고 미들웨어와 같은 라이브러리 등이 내장 되어 있어 통일성을 강조할 수 있는 프레임워크다.

 

1. Express 설치

Express 설치는 정말 간단하다. 우리가 흔히 npm 이라는 용어를 정말 많이 봤을 것이다. NPM(Node Package Manager)는 Node.js의 기본 패키지 관리자다. 그래서 Express도 npm으로 설치가 가능하다.

npm install express

 

CMD창에서 위의 명령어를 실행하면 express 설치가 끝난다.

 

설치가 끝나면 package.json에 추가된 것을 볼 수 있다.

{
  "dependencies": {
    "body-parser": "^1.20.1",
    "connect-timeout": "^1.9.0",
    "cors": "^2.8.5",
    "dotenv": "^16.0.3",
    "express": "^4.18.2",
    "linq": "^3.2.4",
    "mqtt": "^4.3.7",
    "mssql": "^9.1.1",
    "net": "^1.0.2",
    "node-cron": "^3.0.2",
    "oracledb": "^6.0.3",
    "promise": "^8.3.0",
    "request": "^2.88.2"
  }
}

 

2. Express 사용 방법

Express를 사용하는 방법은 정말 간단하다. Node.js 코드를 작성할 때, 처음에 선언을 해주면 된다.

const express = require('express');

 

선언을 하고, express 애플리케이션에 추가한다.

애플리케이션에 추가한다는 것은 미들웨어 기능과 라우팅 등의 기능을 추가하는 것이다.

const app = express();

 

3. Express Router

Express에서의 또 하나의 큰 기능은 Router이다. 즉, Node.js에서는 axios를 사용하는데, 여기서 요청 URL을 입력하면 해당 URL과 method 방법(get, post 등)을 가지고 함수들을 연결시켜 준다.

 

아래와 같이, express 애플리케이션을 추가한다.

const apiTest = require('./test/apiTest');

const express = require('express');
const app = express();

app.use('/', apiTest);

 

관련하여, router를 통해 실행되는 함수를 선언한다.

router.get('/test/apiTest', async(req, res) => {
	//Logic
}

 

그리고, axios를 통한 url과 method를 정의하여 호출을 해주는 식으로 사용을 한다.

export function apiapi(data) {
  return axiosCon({
    url: "/test/apiTest",
    method: "get",
    data
  });
}