express 설치 및 프로젝트 생성
CMD> npm install express-generator -g
CMD> express --version
CMD> express -e 20210621
- express를 설치하기 위해 다음과 같은 구문을 작성한다.
=> npm install express-generator -g
- express 버젼을 확인하기 위해 다음과 같은 구문을 작성한다.
=> express --version
- express 프로젝트를 생성하기 위해 다음과 같은 구문을 작성한다.
=> express -e 프로젝트명
express 웹 서버 예제
var express = require('express');
var router = express.Router();
//127.0.0.1:3000
router.get('/', function(req, res, next) {
res.render('index', { title: 'Express' });
});
//127.0.0.1:3000/main
router.get('/main', function(req, res, next) {
res.render('main');
});
module.exports = router;
- 웹 서버에서 html, ejs와 같은 클라이언트 화면을 호출하기 위해 router.get메소드를 사용한다.
=> get메소드의 첫 번째 인자는 url로 접근하기 위해 표기한 문자로 현재 127.0.0.1:3000으로 접근할 수 있다.
- res.render를 이용하여 응답으로 화면을 랜더링하기 위해 파일명을 입력한다.
router.get과 router.post
//127.0.0.1:3000/join
router.get('/join', function(req, res, next) {
//사용자에게 화면을 표시해준다.
res.render('join',{title: "Join"});
});
//127.0.0.1:3000/join
router.post('/join', function(req, res, next) {
// 1. 사용자가 입력했던 내용을 받는다.
// 2. DB에 저장한다.
// 3. 적절한 페이지로 이동한다.
res.render('join',{title: "Join"});
});
- 데이터를 서버로 전송할 경우 POST를 사용한다.
- 서버에서 데이터를 가져올 경우 GET을 사용한다.