HTML에 DB데이터 넣기

EJS

-> npm install ejs 입력 설치

-> app.set('view engine', 'ejs'); 입력

-> html파일 확장자를 ejs로 변경

->데이터를 집어넣을 수 있게 됨.

-> <%= %>이 안에 데이터를 넣으면 됨.

app.get('/list', function (request, response) {
response.render('list.ejs', { posts: result });
})

** ejs사용할때는 views폴더를 만들어서 그안에 넣어주고 사용

app.get('/list', function (request, response) {
db.collection('post').find().toArray(function(error, result) {
console.log(result);
response.render('list.ejs', { posts: result });
});
})
-> 데이터 다 가져와라.
-> posts에 결과들을 하나씩 넣을거다.
-> posts[0].제목처럼 쓰면된다.
-> 여기서 제목은 post (collection)에 기입할때 사용한 컬럼명을 적으면 된다.

<% for(var i=0; i < posts.length; i++) { %>

    <h4>
        할일 제목 : <%= posts[i].제목 %>
    </h4>
    <p>
        할일 마감 날짜 : <%= posts[i].날짜 %>
    </p>
    <% } %>
      

이렇게 쓰면 반복까지 완료
대신 <% %>이거 꼭 잊지말고