NodeJS/Express 부트스트랩 보기를 빌드하는 방법

NodeJS/Express 부트스트랩 보기를 빌드하는 방법

2022-10-05 last update

5 minutes reading bootstrap express node
https://grokonez.com/node-js/how-to-build-nodejs-express-bootstrap-views

NodeJS/Express 부트스트랩 보기를 빌드하는 방법

튜토리얼에서는 부트스트랩 보기를 사용하여 NodeJS/Express 애플리케이션을 만드는 방법을 보여줍니다.

관련 게시물:
  • NodeJS/Express – Bootstrap Image
  • Integrate NodeJS/Express – JQuery Ajax POST/GET – Bootstrap view

  • NodeJ/Express 경로



    아래 구조와 같이 Bootstrap 보기를 사용하여 NodeJs/Express를 생성합니다.
    
    /nodejs-express-bootstrap
        /node_modules
        /views
            404.html
            about.html
            index.html
        app.js
        package.json
    

    3개의 html 부트스트랩 뷰 'index.html', 'about.html', '404.html'을 정의합니다.

    라우팅을 처리하기 위해 내장 함수Express Router()를 사용합니다. 아래 코드를 참조하세요.
    
    var express = require("express");
    var app = express();
    var router = express.Router();
    
    var path = __dirname + '/views/';
    
    router.use(function (req,res,next) {
      console.log("/" + req.method);
      next();
    });
    
    router.get("/",function(req,res){
      res.sendFile(path + "index.html");
    });
    
    router.get("/about",function(req,res){
      res.sendFile(path + "about.html");
    });
    
    app.use("/",router);
    
    app.use("*",function(req,res){
      res.sendFile(path + "404.html");
    });
    
    __dirname 변수는 작업 디렉토리('nodejs-express-bootstrap' 폴더)를 가리키는 전역 변수입니다.

    다음으로 아래 세그먼트 코드를 분석합니다.

    더 보기:

    https://grokonez.com/node-js/how-to-build-nodejs-express-bootstrap-views

    NodeJS/Express 부트스트랩 보기를 빌드하는 방법