home에 video 만들기(2)

이번 

1) 우선, mixins라는 폴더를 만들고, 여기에 videoBlock.pug를 만든다. 

    mixin은 웹사이트에서 자주 반복되는 코드를 담고 있다. 

    mixins은 pug함수의 일종이다. 

2) 다음과 같은 코드를 추가한다. 

    (1)실제 비디오를 불러오고,

    (2)비디오의 제목과 조회수를 나타내는 코드이다. 

    이렇게 만듦으로써 HTML 코드를 재활용 가능하다.   

3) home.pug에서 

    include mixins/videoBlock을 통해 videoBlock.pug를 불러온다. 

 

4) npm start를 통해 실행하면, 다음과 같은 결과를 확인할 수 있다. 

"다음은 노마드코더(https://academy.nomadcoders.co/)의 [초급 풀스택] 유튜브 클론 코딩 강의를 참고하였습니다."