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

4885 ワード
Clon_Coding Vanilla.js nomadcoder express テキストリンク

😁 .gitignore

  • gitが追跡しないファイルを指定できます.
  • node modulesはpackageです.jsonだけでどこでもダウンロードできるファイルなので追加します.
  • package-lock.jsonはセキュリティに関連するファイルなので追加します.

    • 😂 Expressを使用した基本サーバ

    const express = require('express')
const app = express()
const port = 3000

app.get('/', (req, res) => {
  res.send('Hello World!')
})

app.listen(port, () => {
  console.log(`Example app listening at http://localhost:${port}`)
})

    😎 Babel

  • JavaScriptの構文変換プログラムです.
  • 最新の構文を使用してコードを記述すると、以前のブラウザでは実行できません.
  • このとき、バーベルを使うとブラウザで使いやすいコードを読むことができます.

    • 😍 nodemon

  • サーバコードを変更するときに、毎回電源を切って保存して開くのがおっくうな場合は、インストールします.
  • ファイルを変更した後、ファイルを保存し、nodemonは自分でサーバを起動します.

    • 🙄 ExpressのView関数

  • view関数は基本的に3つの因子を受け入れます.
    • 1つはリクエストで、もう2つはレスポンスとnextです.
  • nextを使用して、ミドルウェアを定義できます.
    • function view (req, res, next) {
  console.log("Hi, I'm middleware")
  next()
  // or //
  res.send("Show this!!")
}

// middleware 사용법1
app.use(view)

// middleware 사용법2
app.get("/", view, handleMainPage)

    😜 Morganミドルウェア

  • レコーダとして動作します.
  • は、どのようなコンピュータで接続されているのか、どのような方法で接続されているのかなどを記録します.

    • 🤪 Helmetミドルウェア

  • セキュリティツールとして動作します.
  • XSSなどの準備をします.

    • 🤗 Cookie-Parser & Body-Parser

  • htmlフォームまたはCookieの内容を理解するのに役立ちます.
    • Xamarinを再利用する方法.カスタムレンダラ.ネットマウイ
    1部13枚で本当に作ります