PDH 개발 공부

[Node.js]Ejs 본문

JavaScript

[Node.js]Ejs

IFBB 2021. 7. 8. 19:51

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

EJS

  • EJS는 Embedded Javascript의 약자로 많은 템플릿 엔진 중 하나이다
  • 템플릿과 템플릿에 보여주고 싶은 데이터가 있을때 템플릿 엔진이 이 둘을 합쳐 결과 페이지를 생성해낸다.

환경 설정

  1. ejs 모듈 설치

npm install ejs --save

  1. app.js에 다음 추가
const templateRouter =  require('./router/template')
...
app.use('/template' , templateRouter);
  1. template.js 파일 생성이후 다음 소스 추가
var express = require("express");
var router = express.Router();

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

사용법

  • EJS를 이용하여 HTML코드 안에 Javascript코드 삽ㅇ비
  1. <%=%> 태그
    • 변수 값을 내장 시킬 수 있다.
<%=title%>
<%=content%>
  1. <% %> 태그
    • 자바스크립트 소스를 내장 시킬 수 있다.
    • 단 1줄씩만 쓸 쑤 이고 개행시 다음줄에도 <% %>를 써야 된다.
<% for(var i =0; i <5; i++){ %>
<p>Number<%=i%></p>
<% } %>

'JavaScript' 카테고리의 다른 글

[JavaScript] 비동기 처리 2  (0) 2021.07.12
[JavaScript] 비동기 처리 1 (CallBack 함수에 대해)  (0) 2021.07.12
[JavaScript] this  (0) 2021.07.08
Ajax  (0) 2021.07.08
[JavaScript] DOM ,BOM  (1) 2021.07.01
Comments