a) DB 데이터 인풋
const MongoClient = require('mongodb').MongoClient;
var db;
MongoClient.connect('mongodb+srv://nt11348:<password>@cluster0.b4ozc.mongodb.net/myFirstDatabase?retryWrites=true&w=majority',
{ useUnifiedTopology: true },
function(에러, client){
if(에러) return console.log(에러)
db = client.db('FrontEnd');
db.collection('feData').insertOne({이름 : 'John', 나이 : 25, _id : 100}, function(에러,결과){
console.log('저장완료');
});
app.listen(8080, function(){
console.log('listening on 8080');
});
});
b) EJS
// .html 말고 .ejs 파일 보내주는법
app.get('/list', function(요청, 응답){
db.collection('feData').find().toArray(function(에러, 결과){
console.log(결과);
응답.render('list.ejs', { posts : 결과 }); // 이런식으로 렌더링을 해준다.
// 근데 이렇게만 하면 에러난다.
// ejs 파일은 곡 views 폴더 안에 있어야 한다.
}); // 다 찾아주세요~
});
EJS 사용법 예시
<% if (user) { %>
<h2><%= user.name %></h2>
<% } %>
c) DB 데이터 읽어오기
이런식으로 사용
(views/list.ejs)
<% for (var i = 0; i < posts.length; i ++) { %>
<h4><%= posts[i].제목 %></h4>
<p><%= posts[i].날짜 %></p>
<% } %>
'코딩 > 웹페이지 만들기' 카테고리의 다른 글
DB 데이터 삭제 (AJAX) (0) | 2021.06.21 |
---|---|
node.js 웹서버 설치 (0) | 2021.06.21 |
보이지 않는 input 을 삽입해서 데이터 전달하기 (0) | 2021.06.20 |
HTML5 에서 PUT/DELETE 요청하기 (0) | 2021.06.20 |
DB 에서 데이터 받아온 후 ejs 호출 시 전달하는 법 (0) | 2021.06.20 |
댓글