Enjoy Programming

Express (Node.js) - Home Controller 본문

JavaScript/Node.JS

Express (Node.js) - Home Controller

LEETAEEON 2021. 4. 19. 16:25

아직 데이터베이스를 이용하지 않았다.

이번엔 전체 application의 흐름을 가짜로 설정하는데  fake info를 이용해 템플릿을 완성시켜보자.

홈화면에 비디오를 보여줄텐데 가짜 데이터를 뿌리기위해

db.js를 만들어주고 안에 videos라는 배열을 만든다. (가짜 데이터를 통해 테스트하는 방식을 연습하자 데이터베이스에 무엇을 추가할지 설정하기 전에 빠르게 수정이 가능하다)

 

비디오 아이디, 타이틀, 설명, 조회수, 파일주소, 작성자(id, name,email)등을 배열로 적어주고

이제 홈화면에서 이것을 뿌려야 되니 videoControllers에 home컨트롤러에서 video목록을 받아 render함수에 전달한다.

이렇게~ 그리고 home.pug에서  임의로 작성한 데이터들을 뿌려주는데

each in을 이용했다. (for   in 같은 느낌?)

videos 배열에서 하나씩 h1에 뿌려준다  . h1 = 을 잘 보자

이렇게 뿌려주면

홈화면에 각 비디오의 타이틀이  뿌려지게 된다.

 

iteration(반복)

 

 

------* 한가지 수정 사항이 있다.  일전에 /user  url 접속시 /user/user로 접속된 적이 있었다. *---------

그 부분을 수정하기 위해 라우터에서 routes.users, users부분을 rotues.home, users로 했었는데

아에 삭제를 하는 게 맞았다. 이미 app.js에서 routes.users, userRouter로 라우트 설정이 되어 있었기 때문에 중복해서 적을 필요가 없었다.

마찬가지로 videoRouter도 수정 해주자  그리고 컨트롤러에서도videos와 users부분을 빼주면 된다.

'JavaScript > Node.JS' 카테고리의 다른 글

Express - join controller  (0) 2021.04.21
Express (Node.js) Home controller 2  (0) 2021.04.20
Express (Node.js) Pug - make template  (0) 2021.04.19
Express (Node.js) - search controller  (0) 2021.04.13
PUG - local variables  (0) 2021.04.13