[クローンコード]YouTube 7日目


💕 進捗
[スタック]オイルチューブクローンコード
2.18–2.25コース
😁 res.query
  • www.naver.com/?キーワード=「行のみ」&category=「blog」
  • のようなURLアドレスがある場合、疑問符の後ろのkey=value形式をqueryと呼ぶ.
  • のように入力したキーワードとcategoryの値を利用したい場合はres.queryと書きます.
  • 🤣 mixin
  • でよく使われるHTMLコードをmixinと呼びます.
  • これは
  • 反応の構成部分と同じ概念であるようだ.
  • の使用方法は次のとおりです.
  • // 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-parserミドルウェアが起動してから使用できます.