컴퓨터/NodeJS

NodeJS EJS

sayyesdoit 2021. 11. 6. 11:21

[서버 작성]

~/app$ vi main.js
...
//서버 설정
app.set("view engine", "ejs");
app.set("views", "./views");
...

[라우팅 모듈 작성]

~/app/routes$ vi show.js
...
//페이지 라우트
router.get('/', function(req, res) {
  let result = [{name: "홍길동", age: 30}, {name: "임꺽정", age: 40}];
  res.render("show", {data: result});
});
...

※ 만약, 전달할 내용이 없다면 render 함수의 두번째 매개변수는 생략한다.

[템플릿 모듈 설치하기]

~/app$ npm install ejs --save

[템플릿 디렉토리 생성]

~/app$ mkdir views

[템플릿 작성]

~/app/views$ vi show.ejs
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>제목</title>
</head>
<body>
<table>
  <tr><th>이름</th><th>나이</th></tr>
  <tr><td><%= data[0].name %></td><td><%= data[0].age %></td></tr>
  <tr><td><%= data[1].name %></td><td><%= data[1].age %></td></tr>
</table>
</body>
</html>