[Node.js] ejs 템플릿 문법

J·2022년 9월 8일
0
post-thumbnail

EJS 문법 종류

  • <% %> : 흐름 제어문
  • <%= %> : 변수 사용 시 활용
  • <%-include('view의 상대주소') %> : 다른 ejs 파일을 불러옴

❌ 주의사항

  • ejs 문법 사용 시에는 반드시 한줄에 작성해야함 ❗️

1. <% %>

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

<!-- 올바른 사용법 -->
  <% for (var i=0; i < 10; i++) { %>
  <span> ejs test </span>
  <% } %>
  • 실행결과

2.<%= %>

  • 예시
  <% for (var i=0; i < 10; i++) { %>
  <span>no.<%=i %> </span>
  <% } %>
  • 실행결과

3.<%-include %>

  • 예시
<!-- test.ejs -->
<body>
  <div>안녕하세요 !</div>
  <%-include("test1.ejs") %>
</body>
<!-- test1.ejs -->
<div>반가워요 !</div>
  • 실행결과
profile
생각 끄적이는 공간

0개의 댓글