💕 진도

[풀스택] 유튜브 클론코딩

2.18~2.25 강의

😁 res.query

• www.naver.com/?keyword="선만"&category="blog"
• 위와 같은 url 주소가 있다면 물음표 뒤의 key=value 형태를 query라고 부른다.
• 이렇게 들어온 keyword 와 category의 값을 활용하고 싶다면 res.query를 쓰자.

🤣 mixin

• 자주 사용되는 HTML 코드를 mixin이라고 부른다.
• react의 component와 같은 개념인 것 같다.
• 사용 방법은 아래와 같다.

// home.pug
extends layouts/main
include mixins/videoBlock

block content
    .videos
        each item in videos
            +videoBlock({
                title:item.title,
                views:item.views,
                videoFile:item.videoFile
            })

// mixin.pug
mixin videoBlock(video = {})
    .videoBlock
        video.videoBlock__thumbnail(src=video.videoFile, controls=true)
        h4.videoBlock__title=video.title
        h6.videoBlock__views=video.views

😆 req.body

• POST 방식으로 요청온 body를 쓸 수 있다.
• body-parser 미들웨어가 작동해야 쓸 수 있다.