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 값 사용 가능
'코딩 > 웹페이지 만들기' 카테고리의 다른 글
DB 데이터 인풋 & 아웃풋 (0) | 2021.06.21 |
---|---|
node.js 웹서버 설치 (0) | 2021.06.21 |
보이지 않는 input 을 삽입해서 데이터 전달하기 (0) | 2021.06.20 |
HTML5 에서 PUT/DELETE 요청하기 (0) | 2021.06.20 |
url 파라미터 값을 유동적으로 입력하는 법 (0) | 2021.06.20 |
댓글