Node.js〜Progate🐣Node.js Ⅰ（3章 ページを表示しよう）〜

目標1h40ｍなところ、既に1ｈ10ｍ経過。そして、今回も普通に1ｈ超えた気がする（ちょくちょく学習だった）。そのくらい、😐😐😐😐😐な、思考停止が多かった。

🐣ページの表示の仕組み
🐣CSSの適用と画像の表示
🐣一覧画面の作成


【🐣ページの表示の仕組み】

🌸ルーティング
　→URLに対応する処理を実行すること

↑（）内に、（req , res）が入る。

🌸ビューファイル（EJS）
　→トップ画面の見た目を作るファイルのこと

🌸res.render
　→指定したビューファイルをブラウザに表示する

※本来はコード変更の度にサーバーを再起動する

やべー…全然分かんない😱ってか、自分で使いこなせる感じが全くしない… まだ途中だからかしら…お山の全体像が掴めたら世界が見えてくるのかしら…ふ、麩麩麩…不安…

【🐣CSSの適用と画像の表示】
🌸CSSの適用
　→Expressでは、CSSや画像ファイルがどこに置かれているか？！を指定する必要があるため、フォルダを作成してファイルを作っていく。

①「app.js」にて、新しく作成したフォルダの指定

⚠️「static」について

【Java入門】static変数(クラス変数)の使い方 | 侍エンジニアブログ

②CSSファイルの作成
③EJSファイル内（トップ画面）に、このシートのパスを指定

🌸画像を使う
　→EJSファイル内で、同様に、シートのパスを指定。

【🐣一覧画面の作成】
　localhost:3000/indexにアクセスした時に、一覧画面が表示されるように処理をする
①app.js内に、URLに対応するルーティングを用意
②ルーティングの処理の中で表示するビューファイルを指定

③一覧画面用のビューファイルを作成

【まとめ】
htmlなりCSSのコードをご準備いただいている中での演習なので、有り難いですが、まだまだ自分の力にはなっていない事が多い、と実感する日々です。地味でも単純でも、繰り返し繰り返し、復習していきたいです。時間が全然足りないから、なんか、工夫できないかな…と考えるヒヒ、否、日々です🐒