실제 데이터베이스를 만들고 코드를 수정하다보면 데이터베이스도 수정해야하므로 번거롭습니다. 때문에 데이터베이스 대신 더미 데이터를 만들고 이 더미 데이터를 실제 데이터베이스에서 불러온다고 생각하며 어플리케이션의 흐름을 미리 확인해보는게 좋습니다. 그래서 이번 시간에는 더미 데이터를 만들고 더미 데이터를 어떻게 받아와서 사용할지 살펴봅니다.
youtube
+|db.js
|views
*|home.pug
|controllers
*|videoController.js
db.js에 video를 담고 있는 배열을 한번 만들어보겠습니다.
(videoFile 참고)videos라는 배열을 만들어 두개의 video객체를 넣어주었습니다. 또한 생성한 배열은 export 해주어야 밖에서 사용할 수 있겠죠?
export const videos = [
{
id: 324393,
title: 'Video awesome',
description: 'This video is awesome',
views: 24,
videoFile: "https://www.tesla.com/ns_videos/roadster_videos/roadster-ko_KR.mp4?20180329",
creator:{
id: 123,
name: "Nicolas",
email: "123@gmail.com",
}
},
{
id: 324394,
title: 'Video awesome',
description: 'This video is awesome',
views: 24,
videoFile: "https://www.tesla.com/ns_videos/roadster_videos/roadster-ko_KR.mp4?20180329",
creator:{
id: 123,
name: "Nicolas",
email: "123@gmail.com",
}
}
]
위에서 만든 더미데이터를 videoController를 통해 home.pug로 전달해봅시다.
import {videos} from '../db';
export const home = (req, res) => {
res.render("home", {pageTitle: "home", videos});
}
each item in arrays
extends layout/main.pug
block content
.videos
each video in videos
h1 #{video.title}