코딩/웹페이지 만들기
DB 에서 데이터 받아온 후 ejs 호출 시 전달하는 법
salzzak
2021. 6. 20. 22:54
728x90
server.js
// .html 말고 .ejs 파일 보내주는법
app.get('/list', function(요청, 응답){
db.collection('feData').find().toArray(function(에러, 결과){
console.log(결과);
응답.render('list.ejs', { posts : 결과 }); // 이런식으로 렌더링을 해준다.
// 근데 이렇게만 하면 에러난다.
// ejs 파일은 곡 views 폴더 안에 있어야 한다.
}); // 다 찾아주세요~
});
위 posts 값을 list.ejs 에 전달해준다.
list.ejs
<% for(var i=0; i<posts.length; i++) { %>
<li class="list-group-item">
<h4 class = "detail" data-id="<%= posts[i]._id %>">할 일 제목 : <%= posts[i].제목 %></h4>
<p>할 일 마감날짜 : <%= posts[i].날짜 %></p>
<button class='btn btn-danger delete' data-id="<%= posts[i]._id %>">삭제</button>
<!-- data-id 를 넣어주면 몰래 데이터를 부여할수 있다.-->
<button class='btn btn-danger delete' data-id="<%= posts[i]._id %>">수정</button>
</li>
<% } %>
<%= posts[i]._id %> <- 이런식으로 받아온 posts 값 사용 가능