[Node.js] Express 프로젝트 생성하기

첫번째 방법은 프로젝트에 들어갈 파일을 하나씩 만들어 가면서 프로젝트를 생성하는 것이고,

두번째 방법은 기본 세팅이 다 되어 있고 빠르게 프로젝트를 생성하는 것입니다!

 

기본 세팅을 하기 귀찮고 빠르게 프로젝트를 생성하고 싶다면 두번째 방법을 참고하시면 좋을 것 같습니다 :)

 

1. 천천히 프로젝트 생성하기

package.json을 생성하기 위해 아래 명령어를 입력하면 여러 가지 옵션을 설정할 수 있게 콘솔에 나타날 것입니다.

아래 사진처럼 옵션들을 설정해주면 됩니다. 자유롭게 설정해도 괜찮습니다!

npm init

 

express를 설치해줍니다. 설치가 완료되면 node_modules 라는 폴더가 생성되고, package.json의 dependencies에 express가 추가된 것을 볼 수 있습니다.

npm install express

 

프로젝트 시작 파일 설정과 시작 파일(app.js)을 만들어줍니다.

아래 사진처럼 package.json의 scripts에 시작 파일을 설정해줍니다.

다음과 같이 app.js 파일을 만들어줍니다.

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

app.set('port', process.env.PORT || 3000);

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

app.listen(app.get('port'), () => {
    console.log(app.get('port'), '번 포트에서 대기 중')
})

 

여기까지하면 프로젝트 생성이 끝난 것이고 서버를 실행합니다. 문제가 없다면 다음과 같이 웹페이지 화면을 볼 수 있습니다.

npm start

 

2. 빠르게 프로젝트 생성하기

프로젝트를 자동 생성하기 위해 express-generator를 전역으로 설치합니다.

npm install express-generator -g

 

프로젝트를 생성하기 위한 위치로 가서 프로젝트를 생성합니다.

express my-express

 

라이브러리들을 설치합니다.

npm install

 

서버를 실행합니다. 다음과 같이 웹페이지 화면을 볼 수 있습니다.

npm start