Node.js ejs 템플릿 기본문법

Taro·2023년 12월 8일
0

Node.js

목록 보기
8/9
post-thumbnail

EJS 템플릿이란?

Embedded JavaScript 의 약자로 JavaScript 가 내장되어있는 html 파일이다

문법 종류

<% %> : 흐름 제어문
<%= %> : 변수 사용시 활용하는문
<%- include('view 의 상대주소') %> : 다른 EJS 파일을 import시 사용

❌ 주의사항

EJS 문법 사용시 반드시 한줄에 작성해야한다

예시

1. <% %>

<!-- 잘못된 사용법 -->
 <% for (var i=0; i < 3; i++) {
 <span> ejs test </span>
 } %>

<!-- 올바른 사용법 -->
 <% for (var i=0; i < 3; i++) { %>
 <span> ejs test </span>
 <% } %>

실행결과

ejs test ejs test ejs test

2. <%= %>

 <% for (var i=0; i < 3; i++) { %>
 <span>no.<%=i %> </span>
 <% } %>

실행결과

no.0 no.1 no.2

3. <%-include %>

<body>
  <div>안녕하세요 !</div>
  <%-include("test1.ejs") %>
</body>

실행결과

안녕하세요 !
profile
기록하며 공부하는곳

0개의 댓글