[Node] ejs란?

1. 정의

EJS는 Embedded Javascript의 약자로 많은 템플릿 엔진 중 하나이다.

 

템플릿과 템플릿에 보여주고 싶은 데이터가 있을때 템플릿 엔진이 이 둘을 합쳐 결과 페이지를 생성해낸다.

 

2. 예시

DATA : javascript / TEMPLATE : 네이버

 

DATA : nodejs / TEMPLATE : 네이버

 

 

3. 환경설정

1) ejs 모듈 설치

npm install ejs --save

2) app.js에 다음 소스 추가

const templateRouter = require('./router/template'); ... app.use('/template', templateRouter);

3) template.js 파일 생성이후 다음 소스 추가

var express = require("express"); var router = express.Router(); router.get("/ejs", (req, res) => {    res.router("template"); }); module.exports = router;

 

4. 사용법

EJS를 이용하여 HTML 코드 안에 Javascript 코드 삽입

1) <%= %> 태그

 - 변수 값을 내장 시킬 수 있다.

 - ex)

<%= title %> <%= content %>

2) <% %> 태그

 - 자바스크립트 소스를 내장 시킬 수 있다.

 - 단, 1줄씩만 쓸 수 있고 개행시 다음 줄에도 <% %>를 써야 된다.

 - ex)

<% for (var i=0; i<5; i++) { %>       <p>Number <%= i %></p> <% } %>

 

---

 

참고 : velog.io/@mactto3487/%EC%8A%A4%ED%84%B0%EB%94%94-EJS