레커
[Node] EJS 엔진 본문
1. EJS Engine 및 사용 이유
동적 웹 페이지 및 애플리케이션을 만들 때 주로 선택되는 템플릿 엔진 중 하나
EJS 엔진은 개발자에게 편리한 방식으로 동적 웹 콘텐츠를 생성하고 관리할 수 있는 효율적이고 유연한 도구입니다.
( JavaScript를 사용하여 템플릿을 정의하고 데이터를 렌더링 할 수 있고 로직을 통해 쉽게 통해 동적 콘텐츠를 생성하고 컨트롤 할 수 있음)
2. 설치
npm install ejs
3. express에 ejs 등록기본 코드
const path = require("path");
app.set("views", path.join(__dirname, "views"));
app.set("view engine", "ejs");| views | String or Array | A directory or an array of directories for the application's views. If an array, the views are looked up in the order they occur in the array. |
process.cwd() + '/views' |
3. 기본 코드
// server.js
const express = require("express");
const app = express();
const port = 4000;
const path = require("path");
app.set(express.static(path.join(__dirname, "/public")));
app.set("views", path.join(__dirname, "views"));
app.set("view engine", "ejs");
app.get("/", (req, res) => {
res.render("index");
});
app.listen(port, () => {
console.log(`Example app listening on port ${port}`);
});
// index.ejs
<body>
<section>
<% for(let a =0; a< 5 ; a++){ %>
<h1>Home <%= a %></h1>
<% } %>
</section>
</body>
4. ejs 사용 방법
1) <% %>
'Scriptlet' tag, for control-flow, no output
2) <%= a %>
Outputs the value into the template (HTML escaped)
'개발 > Node' 카테고리의 다른 글
| [Node] Yarn berry (0) | 2024.03.26 |
|---|---|
| [Node] nodemon (0) | 2023.10.07 |
| [Node] JWT (0) | 2023.09.19 |
| [Node] express.static() (0) | 2023.09.18 |
| [Node] Express (0) | 2023.09.18 |
'개발/Node' Related Articles
more
