본문 바로가기
코딩/웹페이지 만들기

DB 에서 데이터 받아온 후 ejs 호출 시 전달하는 법

by salzzak 2021. 6. 20.
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 값 사용 가능

댓글