Node JS -ejs로 Dynamic Website 만들기

김경천·2021년 7월 19일
0
const express = require('express');
const app = express();

app.set('view engine','ejs');  // express의 view engine에 ejs를 set 하는 코드 
app.use(express.static(__dirname + '/public'));

app.get('/hello', function(req,res){  //query를 통해서 이름을 받는 코드입니다. 모든 query들은 req.query에 저장됩니다.
  res.render('hello', {name:req.query.nameQuery});
});

// route parameter를 통해 이름을 받는 코드입니다. 콜론(:)으로 시작되는 route은 해당 부분에 입력되는 route의 텍스트가 req.params에 저장됩니다.
//예를들어 /hello/Kim을 입력하면 "/hello/:nameParam"에 의해 세미콜론이 있는 route의 2번째 부분 즉, Kim이 req.params.nameParam으로 저장됩니다.
app.get('/hello/:nameParam', function(req,res){ 
  res.render('hello', {name:req.params.nameParam});
});

var port = 3000;
app.listen(port, ()=>{
  console.log('server on! http://localhost:'+port);
});

ejs파일을 사용하기 위해서는 res.render 함수를 사용해야 하며, 첫번째 parameter로 ejs의 이름을, 두번째 parameter로 ejs에서 사용될 object를 전달합니다. res.render 함수는 ejs를 /views 폴더에서 찾으므로 views폴더의 이름은 변경되면 안됩니다.

출처: https://www.a-mean-blog.com/ko/blog/Node-JS-%EC%B2%AB%EA%B1%B8%EC%9D%8C/Hello-World/EJS%EB%A1%9C-Dynamic-Website-%EB%A7%8C%EB%93%A4%EA%B8%B0

profile
화이팅

0개의 댓글