여러 개의 글을 출력하기 위해서는 반복문을 사용
for (let i = 0; i<3; i++) {
console.log(i)
}
<body class="grey-bg">
<%- include('nav.ejs') %>
<div class="white-bg">
<% for (let i =0; i<글목록.length; i++){ %>
<div class="list-box">
<h4><%= 글목록[i].title%></h4>
<p><%= 글목록[i].content%></p>
</div>
<% } %>
</div>
html 파일에서는 script 태그 안에서만 js 문법을 사용할 수 있었는데,
ejs 파일에서는 위코드와 같이 <% %> 로 감싸주면 어디서든 javascript 를 사용할 수 있었음
글목록.length 를 사용함으로써 글목록 배열의 요소의 개수를 파악할 수 있었음
views 폴더 내에 nav 파일을 만들어서 html 코드를 넣어준 후에
<%- include('nav.ejs') %>
위 코드를 넣어 그대로 상단바 같은 형태를 불러와 적용할 수 있었다.
js 쓸땐 <% %>
데이터값 불러올 땐 <%= %>
include 쓸 땐 <%- %>
'컴퓨터 프로그래밍 > Node.js' 카테고리의 다른 글
| [Node.js] 글 작성기능 만들기 1 (POST 요청) (0) | 2023.11.07 |
|---|---|
| [Node.js] RESTful API (0) | 2023.11.06 |
| [Node.js] 웹페이지에 DB데이터 꽂기 (EJS, 서버사이드 렌더링) (0) | 2023.11.06 |
| [Node.js] Node.js 웹페이지에 디자인 넣기 (0) | 2023.11.02 |
| [Node.js] Node.js 웹페이지 라우팅 (0) | 2023.11.02 |