PDH 개발 공부
[Node.js]Ejs 본문
참고 https://velog.io/@mactto3487/%EC%8A%A4%ED%84%B0%EB%94%94-EJS
EJS
- EJS는 Embedded Javascript의 약자로 많은 템플릿 엔진 중 하나이다
- 템플릿과 템플릿에 보여주고 싶은 데이터가 있을때 템플릿 엔진이 이 둘을 합쳐 결과 페이지를 생성해낸다.
환경 설정
- ejs 모듈 설치
npm install ejs --save
- app.js에 다음 추가
const templateRouter = require('./router/template')
...
app.use('/template' , templateRouter);
- template.js 파일 생성이후 다음 소스 추가
var express = require("express");
var router = express.Router();
router.get("/ejs",(req,res)=>{
res.router("template");
});
module.exports = router
사용법
- EJS를 이용하여 HTML코드 안에 Javascript코드 삽ㅇ비
- <%=%> 태그
- 변수 값을 내장 시킬 수 있다.
<%=title%>
<%=content%>
- <% %> 태그
- 자바스크립트 소스를 내장 시킬 수 있다.
- 단 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