개발아 담하자

[Node.js] express 첫 설치/실행하기 본문

🛠 web

[Node.js] express 첫 설치/실행하기

choidam 2020. 7. 2. 02:31

NPM 이란?

$ cd [project name]
$ npm install
$ npm start

패키지를 쉽게 사용할 수 있도록 해주는 프로그램을 의미한다.

NPM 의 package.json 은 현재 작업중인 패키지의 메타 정보를 담고 있다.

 

 

Express 설치하기

설치는 간단하다. 원하는 디렉토리로 들어가 다음 명령어를 입력한다.

$ npm install -g express-generator

 

설치 완료 후 원하는 프로젝트 명을 넣어 다음 명령어를 입력한다.

express [project name] -v pug

나는 html 대신 pug 를 사용하는 것이 편해 명령어 뒤에 -v pug 를 입력했다.

--git 명령어를 뒤에 붙이면 .gitignore 파일을 자동으로 생성해준다.
-c sass 명령어는 css 는 sass 를 사용하게 한다.

 

$ cd [project name]
$ npm install
$ npm start

방금 생성시킨 프로젝트에 들어가서 npm install 한 후 npm start 명령어로 실행시켜 보았다.

 

express 첫실행

http://localhost:3000 주소에서 위 화면이 뜬다면 성공이다❗️

 

문제가 있다. 데이터가 바꾸면 다시 서버를 껐다 켜서 매번 npm start 명령어를 입력해야 하기 때문이다.

매우 귀찮으므로 nodemon 을 설치해준다.

 

$ npm install nodemon
$ nodemon

개발 환경이 편리해졌다 👏 개발할 준비 완료❗️

 

 

Route란?

router에서는 특정 url/method 가 왔을 때 처리하는 handler 를 등록한다.

아래는 기본 Router 코드이다.

var express = require('express');
var router = express.Router();

/* GET home page. */
router.get('/', function(req, res, next) {
  res.render('index', { title: 'Express' });
});

module.exports = router;

 

- req : 미들웨어 함수에 대한 HTTP 요청 인수

- res : 미들웨어 함수에 대한 HTTP 응답 인수

- next : 미들웨어 함수에 대한 callback 인수