본문 바로가기

컴퓨터/NodeJS

NodeJS EJS

[서버 작성]

~/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>

 

'컴퓨터 > NodeJS' 카테고리의 다른 글

019. EJS  (0) 2022.01.21
023. SSL 인증받기  (0) 2021.12.01
NodeJS 클라이언트에게서 정보 전달 받기  (0) 2021.11.03
서버사이드 와 데이터베이스 연결 (선택: NodeJS, Mariadb)  (0) 2021.10.31
NodeJS 라우팅 모듈화  (0) 2021.10.28