본문 바로가기

JavaScript

Node.js 3차 미니프로젝트 ejs html적용

728x90

Node.js 3차 미니프로젝트 ejs html적용


Node.js html 템플릿 적용

 

📌 방법1. numjucks 이용

const nunjucks = require("nunjucks");

app.set('view engine', 'html');
nunjucks.configure('templates', {
    express: app,
    watch: true,
});

 

📌 템플릿 구성

templates

  ㄴ login.html

  ㄴ main.html

  ㄴ sign.html

 

2022.12.30 - [TIL] - 내일배움캠프 4기_Node 3차 미니프로젝트 회원가입 35일차 TIL

 

router 와 get method 이용해 res.render("login"); 해주면 된다.

 


📌 방법2. ejs 이용

const ejs = require('ejs');

app.set('view engine', 'ejs');
app.set('views', './templates');

 

📌 템플릿 구성

templates

  ㄴ login.ejs

  ㄴ main.ejs

  ㄴ sign.ejs

 

router 와 get method 이용해 res.render("login"); 해주면 된다.