[NodeJs] 서버단에서 프론트 파일 설정

프론트 파일 설정 with nunjucks

const nunjucks = require("nunjucks");

app.set("view engine", "html");

// app.set("view engine", "njk"); nunjucks 파일 구분할려면

nunjucks.configure("views", {
  express: app,
  watch: true,
});

프론트 파일 설정 with pug

npm i pug

// views: 템플릿 파일들이 위치한 폴더를 지정
// res.render 메서드가 이 폴더 기준으로 템플릿 엔진을 찾아서 렌더링
// eg:: res.render('admin/main')이라면 views/admin/main.pug를 렌더링
app.set("views", path.join(__dirname, "views"));

//view engine은 어떠한 종류의 템플릿 엔진을 사용할지를 나타냄
app.set("view engine", "pug");

router.get("/", (req, res) => {
  console.log(`[ routes/index.js  ]:: "/" Handler : `);
  res.render("index", { title: "내타이틀" });
});