[express] 개요

이 프로젝트에서는

• expressjs를 사용해 게시판에서 사용하는 가장 간단한 백엔드 서버를 구현합니다.
• nodejs의 패키지를 설치하고 관리하는 법을 배웁니다.
• mongoose를 사용하여 서버와 MongoDB를 연결하고 데이터를 관리하는 법을 배웁니다.

다음 지식이 필요합니다

• 자바스크립트 문법
• 프론트엔드와 백엔드의 개념
• 기초적인 윈도우 명령어 사용법

사용 스택

• 백엔드: express.js
• DBMS: MongoDB(mongoose)
• api 테스트: postman

개요

• express 시작하기

express 시작하기

nodejs의 가장 대표적인 패키지 관리자로는 npm이 있습니다.

다만, 이 프로젝트에선 npm대신 yarn을 사용합니다.

제일 먼저, yarn을 설치해줍니다.

> npm install yarn --global

backend 폴더로 이동하여, 다음 명령어를 차례로 입력합니다.

> yarn init
> yarn add express

첫번째 명령어를 입력하면 뭐라고 뜰텐데, 눈치껏 입력해도 되고, 엔터를 눌러 전부 스킵해도 됩니다.

생성된 package.json 파일에 다음을 추가합니다.

"type": "module",
"scripts": {
    "start": "node ./src/index.js"
}
...

중간 아무데나 추가하면 됩니다.

 

node에서 index.js라는 파일을 실행하는 스크립트를 추가하는 구문입니다.

package.json의 scripts에 명시되어있는 부분은 yarn (script)로 사용할 수 있습니다.

즉, package.json 파일에 start라는 스크립트를 추가했으니 yarn start로 사용할 수 있고, 이는 node ./src/index.js (index.js 실행)를 입력한것과 똑같이 작동합니다.

타인의 프로젝트를 받았을때 확인하면 좋겠죠?

 

그리고 src 폴더를 만들어 그 안에 index.js라는 파일을 만듭니다.

// index.js
import express from 'express';

const app = express();

app.listen(3000, () => {
  console.log('server on port: 3000');
});

app이라는 express app을 하나 생성하여 listen 메서드를 사용해 서버를 띄우는 구문입니다.

.listen()메서드는 첫 번째 인자로 실행할 포트를, 두 번째 인자로 콜백함수를 받습니다.

 

그 다음 yarn start를 입력하여 실행해봅니다.

yarn run v1.22.5
$ node ./src/index.js
server on port: 3000

 

컨트롤 + c를 입력하여 종료할 수 있습니다.