ejs (문법, include, nodejs와 연동)

2021. 3. 18. 03:51 JavaScript BackEnd/Node.js, Express

참조문서 : http://ejs.co/#docs

1. ejs 란?

ejs는 Embedded JavaScript Template의 약자로 nodejs 진영에서 많이 사용하는 템플릿엔진이다. 문법이 단순하다.

2. 기본 문법

  • 주석 : <%# ... %>
  • JS 코드 : <% ... %>
  • 변수 출력(html escape 처리: >를 $gt로 변환) : <%= ... %>
  • 태그내부 공백 제거 : <%_ ... _%>
  • html escape안하고 변수 출력 : <%- ... %>

ejs 분할

<% include 파일명(ex. ./nav.ejs) %>

3. nodejs와 연동(= 데이터 넘겨주기)

3-1. express 없이 연동하기

const ejs = require("ejs"); ejs.render(경로, 데이터, 옵션);

3-2. express 에서 연동하기

  • app.js 에서 app.set('view engine', 'ejs');
  • 처리하는 라우터에서 아래와 같은 로직이 있으면 된다.
const data = {
   title: 'ejs init',
   message: 'Hello World'
};
res.render('index.ejs', data);



출처: https://sjh836.tistory.com/155?category=710138 [빨간색코딩]