<Express.js> dummy data

김민석·2021년 1월 7일
0

YouTube clone

목록 보기
19/54

실제 데이터베이스를 만들고 코드를 수정하다보면 데이터베이스도 수정해야하므로 번거롭습니다. 때문에 데이터베이스 대신 더미 데이터를 만들고 이 더미 데이터를 실제 데이터베이스에서 불러온다고 생각하며 어플리케이션의 흐름을 미리 확인해보는게 좋습니다. 그래서 이번 시간에는 더미 데이터를 만들고 더미 데이터를 어떻게 받아와서 사용할지 살펴봅니다.

project

youtube
 +|db.js
  |views
   *|home.pug
  |controllers
   *|videoController.js

db.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

위에서 만든 더미데이터를 videoController를 통해 home.pug로 전달해봅시다.

import {videos} from '../db';

export const home = (req, res) => {
	res.render("home", {pageTitle: "home", videos});
}

home.pug

  • each item in arrays
    이 코드는 pug에서 배열 변수의 아이템들에 대해 반복적인 탬플릿을 지정하고 싶을 때 사용한다고 생각하면 됩니다.
extends layout/main.pug

block content
	.videos
		each video in videos
			h1 #{video.title}	
profile
누구나 실수 할 수 있다고 생각합니다. 다만 저는 같은 실수를 반복하는 사람이 되고 싶지 않습니다. 같은 실수를 반복하지 않기 위해 기록하여 기억합니다.🙃

0개의 댓글