ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • [Node.js] express
    Web/Node.js 2021. 6. 21. 17:04


    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을 사용한다.

    'Web > Node.js' 카테고리의 다른 글

    [Node.js] mongodb와 콜백(callback)  (0) 2021.06.22
    [Node.js] JavaScript 기초 및 웹 서버 예제  (0) 2021.06.21

    댓글

[Everything's gonna be fine]