TIL 2022-01-21

babelプリセットのインストール方法
bebel.config.jsonで

{
 "presets": ["@babel/preset-env"] 
}

babelのprefut-envパッケージをインストールすることができます.
package.jsonの構成
1. script
package.jsonのscriptにcustom scriptを作成できます.
たとえば、ブラウザではなくノードで出力値を表示する場合は、
「dev」:node index.jsでnodeにインデックスします.jsを実行してプロジェクト自体を実行できます.
最新のjs構文を使用する場合は、babel-nodeをインストールし、babel-node index.jsの設定でbabelを実行します.
ただし、出力値をチェックするたびにnpm rundevを使用する必要があります.nodemonをインストールし、カスタムスクリプトの内容を「nodemon--exec babel-nodeindex.js」に変更すると、indexを使用できます.jsの内容が変更されたことを検出でき、保存するたびにnodemonがbabel-nodeを実行するため、より便利な開発環境を構築できます.
サーバー
サーバーをいつも開いているパソコン(ネットワーク)と想像すればいいのです.サーバは常にリクエストに耳を傾けています.Googleでは、ログインページrequestをクリックし、サーバはlisteningに設定する準備をしています.ユーザーはブラウザでrequest브라우저 안에서 하는 모든 사용자의 행동은 request(特定の単語にマウスを置く、リンクをクリックする、返信するなど)を送信できます.
http method
http method(GET):ブラウザはサーバ要求ページに入り、実際にはブラウザがユーザの代わりにサーバに要求を送信すると、サーバはその要求を送信するのでGETを使用する.もたらす意味
サーバをリスニングする
const app = express(); loexpressを定義します.
app.listen(); 関数を使用してexpressをリスニングします.パラメータにはportnumber関数とcallback関数が含まれます.
app.get(); GET requestが関数を介して私のサーバにアクセスした場合、ページを要求したときにどのような反応を示すかを宣言できます.

app.get("/", () => console.log("this is home"))

1番目のパラメータは페이지의 이름であり、2番目のパラメータは반응であり、このとき2番目のパラメータは함수でなければならない.△addEventListenerを考えると簡単です.
ミドルウェア
ミドルウェア:リクエストと応答の間に存在するコントローラ(handler).req,resの次のパラメータはnextであり、最後にnext()を実行して値を返さず、get関数で次の関数を実行する.(ミドルウェアにreturn値が含まれている場合はnext()関数は実行されませんので、return値は提供されません)

const middleware = (req, res, next) => {next();}

1. app.get
app.get("/", middlesware, handler);
/urlに入るとmiddleware関数が実行されます.next()関数が最後にあるため、次の関数handlerが呼び出されます.真ん中に挟まれているので、ミドルウェアと呼ばれます.ミドルウェアは、ユーザーがどこに行くかを知ることができます.
reqオブジェクトreqにurl属性があるのでreq.urlをコンソールに設定します.logには対応するurlが表示されます.
2. app.use
app.use()を使用して、グローバルミドルウェアを作成します.どんなURLでも使えるミドルウェア
順番が大切です.ミドルウェアを使用するには、まずgetです.useの使用方法は、use()のパラメータに作成されたミドルウェアを入れることです.

app.use(middleware);

特定のurlへのアクセスをブロックできます.
ミドルウェアを使用して、希望するurl、reqへのアクセスを阻止できます.urlで受け取ったurlをif関数に入れます.

const protectMiddleware = (req,res,next) => {
  const url = req.url;
  if (url === /protect) {
      return res.send("protect");
	}
	next();

特定urlとリクエストのreq.urlが同じ場合は、戻り値を与えて次の関数に入るのを阻止し、アクセスを阻止できます.
単語

nodemon:babelを実行し続ける必要がない(ブラウズと整理)

babel:Javascriptの最新構文をNodejsにコンパイルして理解します.(最新の構文を構文に変換)

콜백함수:パラメータとして他の関数に渡される関数を指す.簡単に言えば、コールバック関数は、他の関数の値に基づいて呼び出し時間を決定する関数である.