Skip to main content

프로젝트 생성하기

시작하기에 앞서​

주의

해당 블로그의 모든 문서는 학습한 내용을 제 방식으로 정리하여 작성하고 있습니다.
순수 창작물도 아니고, 틀린 내용이 있을 수 있으므로 참고하고 읽어주시면 감사하겠습니다.

프로젝트 생성하기​

express 프로젝트를 생성하기 위해서는 Node.js를 선행으로 설치해야 합니다.

프로젝트 생성 방법은 다음과 같습니다.

  1. npm init 명령어로 package.json 파일 생성
  2. npm install express 명령어로 express 설치
  3. app.js 파일 생성
  4. node app.js 명령어로 앱 실행

app.js 파일 생성 후 기본 코드 작성​

app.js
const express = require("express");
const app = express();
const port = 3000;

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

app.listen(port, () => {
  console.log(`Example app listening on port ${port}`);
});

생성한 app.js 파일은 위 코드와 같이 작성해 주면 됩니다.

그리고 4번의 node app.js 명령어를 통해서 앱을 실행할 수 있습니다.

서버가 실행되고 나서 http://localhost:3000/을 브라우저 URL에 입력해서 접속해서

Hello World!라는 문자열이 출력된다면 정상적으로 서버가 실행된 것입니다.

Nodemon 사용하기​

node app.js 명령어를 입력해서 서버를 실행하면,

코드를 변경할 때마다 서버를 종료하고 다시 시작해야 반영됩니다.

하지만 nodemon 패키지를 사용하면 코드를 반영하고 저장할 때마다 자동으로 서버 재시작을 해주므로 편해집니다.

npm install -g nodemon 명령어로 nodemon을 설치해 줍니다.

그다음에 package.json 파일의 "scripts": {...} 부분에 다음과 같이 추가해 줍니다.

package.json
{
  "name": "boilerplate",
  "version": "1.0.0",
  "description": "",
  "main": "app.js",
  "scripts": {
    "start:dev": "nodemon --watch app.js"
  },
  "author": "coldrain-f",
  "license": "",
  "dependencies": {
    "express": "^4.18.2",
    "nodemon": "^2.0.20"
  }
}

이후에 npm run start:dev 명령어로 서버를 실행하면 코드를 변경하고 저장할 때마다 자동으로 서버가 재실행됩니다.

yarn을 사용한다면 yarn start:dev를 입력해서 실행하면 됩니다.

  "main": "app.js",
  "scripts": {
    "start:dev": "nodemon --watch app.js"
  },

만약 에러가 발생한다면 package.json파일에서 "main":에 적은 파일명과 "start:dev":에 적은 파일명이 같은지 확인해보세요.

위 코드로 예를 들어보면 "main":의 "app.js"와 "start:dev":의 "app.js"가 같은 것처럼 가급적 파일명을 맞춰줘야 합니다.