웹페이지에 DB데이터 출력하기

템플릿 엔진을 쓰면되는데

그 중에 ejs를 이용해서 html안에 데이터를 넣어보겠습니다!

 

순서!

1. npm install ejs ( ejs 설치 )

2. 서버파일 상단에 view engine을 쓰겠다고 코드작성

app.set('view engine', 'ejs')

 

3. .ejs파일 만들고 보내주기

.ejs파일은 views라는 폴더에 넣는게 룰

.ejs파일은 html과 기본적으로 똑같이 작성

app.get('/list', (요청, 응답) =>{
	응답.render('list.ejs')
})

코드를 통해 ejs페이지를 유저에게 응답!

 

4. .ejs파일로 데이터를 보내기

app.get('/list', async (요청, 응답) =>{
	let result = await db.collection('post').fint().toArray()
	응답.render('list.ejs', { list : result )
})

render함수를 통해 result를 list라는 이름으로 ejs파일로 데이터가 전달됩니다!

 

5. ejs파일 안에서 출력

<%= list %>

list라는 이름으로 데이터를 전달했으니 list라고 씁니다!

 

6. object데이터 list 가지고 놀기!

 

끝!