mongoDB의 데이터를 index.html에 불러오기

1. ejs 설치

npm i ejs

 

 

2. ejs파일 생성

views > index.ejs 생성해줌.

여기에 index.html파일을 그대로 내용복붙하고

index.html은 삭제.

 

 

3. server.js 수정

const ejs = require('ejs');

app.get('/', (req, res) => res.render('index'));
// app.get('/', (req, res) => res.sendFile(__dirname + '/index.html'))
// 원래 index.html 쓸 때는 이렇게 써뒀었음

여기까지 하면 index.ejs가 로딩되어서 잘 나온다.

 

 

4. server.js 수정

app.get('/', (req, res) => {
    userSchemas.find({}, (err, el) => {
        res.render('index', {
            DATA: el
        })
    });
});

// const userSchemas = require('./userSchemas');

get을 이용해 mongoDB에 있는 데이터를 가져옴.

 

 

5. index.ejs 수정

<tr>
	<%DATA.forEach((el) => {%>
		<td><%= el.userid %></td>
		<td><%= el.username %></td>
		<td><%= el.hobby %></td>
	<%})%>
</tr>

forEach를 사용하여 데이터를 뿌려줌.

db 데이터는 이렇게 되어있음

앞에

<%

<%=

%>

뭐 이런게 붙는데 한줄한줄 조심히 써주면 된다.

 

그럼 이렇게 나옴.