[Node] ejs 문법(반복문) / 상단바 include

김나나·2024년 8월 25일

Node.js

목록 보기
9/50

✨ejs 반복문(for문)

우선 ejs 파일 내에서는 js 문법이 사용 가능하다!!
다만, js 문법을 쓰기 위해서는 <% js코드 %> 이런 식으로 사용해줘야한다.

서버에 존재하는 데이터의 수만큼 화면에 나타내주기 위해
for 반복문과 length를 사용하였다.


잘 나온다!


✨상단바 include()하여 html 복사

  1. views폴더에 nav.ejs라는 이름으로 ejs 파일 하나를 만든 뒤,
    간단한 상단바 html 코드를 넣어준다.

  2. 이후, 해당 html 코드가 필요한 ejs 파일로 돌아가서
    <%- initial('파일명.ejs') %>을 작성해주면 html 복사 가능!

    당연할지도 모르는 이야기지만,
    <%- include('nav.ejs'), {age: 20} %>이런 식으로 해당 파일로 값을 전달할 수도 있다.


✔자주 쓰이는 ejs 3가지 문법

1) <% %> : html 사이에 JS 문법 사용하는 경우
2) <%- %> : include()등 특수한 문법 사용 및 DB에서 html 받아오는 경우
3) <%= %> : 사이에 들어오는 데이터를 escape하여 문자열로 출력

<%- %><%= %>의 차이는?

<%- %><button></button>를 작성한 경우, 버튼 형식으로 나오지만,
<%= %><button></button>를 작성한 경우 문자 그대로 출력된다.

profile
10분의 정리로 10시간을 아낄 수 있다는 마음으로 글을 작성하고 있습니다💕

0개의 댓글