[NodeJS+Express] 8. EJS 문법 정리

이전 2개의 포스트에서 다루었던 EJS 문법에 대해서 간단히 정리해보자!

 

1. <% %>

- JS 문법을 EJS 파일 내에서 사용할 때

 

예시

<% for (let i = 0; i < 5; i++){ %>
  <div>HELLO!</div>
<% } %>

 

결과

 

2. <%= %>

- <%= %> 사이에 들어오는 데이터가 html이어도 escape하여 문자열로 출력

 

예시

<div class="post-title-container">
  <h4 class="post-title">
    <%= list[i].title%>
  </h4>
</div>
<div class="post-content-container">
  <p class="post-content">
    <%= list[i].content%>
  </p>
</div>

 

결과

 

3. <%- %>

- <%- %> 사이에 들어오는 데이터가 html이라면 실제 html 블록 생성

   (즉, include() 등 특수한 문법 사용 혹은 DB에서 html 받아올 때 활용)

 

예시

<%- include('footer.ejs')%>

 

//footer.ejs
<footer>
  <div>@KassidBoard</div>
</footer>

 

결과