node.js 웹사이트 개발 - express.js

1. Express.js 를 이용한 웹 사이트 만들기

 

Express.js 는 nodejs를 위한 웹 프레임워크 모듈입니다.

Express.js 를 이용하면 간단히 웹서버를 만들 고 웹 사이트 개발을 쉽게 할 수 있습니다.

 

자세한 내용은 홈페이지 참고

https://expressjs.com/ko/

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

 

 

Express 모듈을 설치해줍니다.

>npm install express --save

 

express 를 설치 하고 나면 프로젝트 폴더에 node_modules 라는 package 모듈들이 설치가 되고

package.json 파일에서 설치한 express 가 의존성 모듈로 추가 됩니다.

{
  "name": "node",
  "version": "1.0.0",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "",
  "license": "ISC",
  "description": "",
  "dependencies": {
    "express": "^4.17.1"    
  }
}

 

root 에 만들어 두었던 index.js 에 새롭게 아래 코드로 입력합니다.

var express = require('express'); 
var app = express(); 
var port = 8001; 
app.listen(port, function(){ 
     console.log('App listing as http://localhost:', port); 
}); 
     
app.get("/", function(req,res){ 
     res.send("hello, world!"); 
})

​

실행을 하면 8001포트로 리스닝 하는 것을 볼수 있습니다.

 

자.. 이제 브라우저를 통해서 접속하면 됩니다.

코드가 변경이 될때마다 node 모듈을 새로 실행해 주어야 변경된 것이 바로 반영이 됩니다.

코드 수정하고 새로 node index.js 새로 띄우고 하면 이는 개발중 상당히 불편한 점이 있습니다.

이런 불편함을 해결하기 위해 nodemon 모듈을 이용합니다.

 

 

nodemon 설치

>npm install nodemon --save

​

nodemon 실행

 >nodemon index.js

파일 이 새로 변경(저장) 될때마다 새롭게 node 가 재시작 됩니다.

 

​

 

 

<관련글>

2020/11/25 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - 웹사이트 레이아웃, express-ejs-layouts

2020/11/24 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express, EJS

2020/10/05 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express, get, post

2020/10/05 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express, static

2020/09/29 - [dev/node.js] - node.js 웹사이트 맨땅 개발하기 - express.js