【Express入門】静的ファイル(HTMLやCSSなど)の表示

はじめに　

静的ファイルとは？

・フロントエンドのみで表示されたファイル（誰がいつサイトを訪れても同じ内容が表示がされる）
・html/css/JavaScpipt/imgなど

ついでに動的ファイルとは？

・フロントエンドとバックエンドで呼び出されたファイル（見る人やタイミングによって表示内容が異なる）
・html/css/JavaScpipt/imgなど

参考記事

目的

・静的ファイルを表示する

実践

前提
・expressのインストール

1　ディレクトリ内にpublicフォルダを作成
2　publicフォルダ内に静的ファイルを作成
3　server.jsにてルーティングの処理

server.js

const express = require("express");
const app = express();

// 静的ファイルの読み込み
app.use(express.static('public'));

おわりに

記事にまとめると自然と脳が整理されていい感じ

参考記事

参考動画