中級向け講座ということで、ファイルもササッと作成し、バックエンドに必要なnpm installとexpressを使用してserver.jsを作成、localhost5000に繋ぐところまでスムーズにできました。
やはりYouTube動画で「わかりやすいなぁ」と思っていたBrad Traversyの説明は超わかりやすいです。何がありがたいかというと、彼はMacを使っていますがWindowsユーザー向けの説明もしっかり間に挟み込んでいるということです。
今回インストールしたnpm packagesはこちら！
”dependencies"には、bcryptjs, config, express, express-validator, gravatar, jsonwebtoken, mongoose, request
"devDependencies"にはconcurrently, nodemon
をinstallしました。
bcryptjs, config, nodemonは以前も使用したことがあるので何をするものかわかっているのですが、その他は初めて。ということで講座で学んでいくのが楽しみです。
expressを使ったserver.jsのコードはこちら
const express = require("express");
const app = express();
app.get("/", (req, res) => res.send("API Running"));
const PORT = process.env.PORT || 5000;
app.listen(PORT, () => console.log(`Server started on ${PORT}`));
herokuでdeployする場合はlocalhostのPORTを5000にするということで納得です。localhost:5000で確認してみるとAPI runningと表示されていて、本日はここまでとなりました。
別の講座で少し行き詰まっていたので、気分を変えて並行して新しい講座も始めて満足の一日となりました。
使用している教材と現在の状況：学習時間（断続的に）５～６時間
Udemy：MERN Stack Front To Back: Full Stack React, Redux & Node.js by Brad Traversy
講師が公開しているアプリの完成形（GitHub)はこちら⇒DevConnector 2.0
Sec1 Introduction
Sec2 MongoDB setup
-Lec5 MongoDB Atlas Setup
-Lec6 Install Dependencies & Basic Express Setup
進捗状況：８％
学習時間：（断続的に）５～６時間
～本日は休みにしている教材～
Udemy：The Complete Web Developer: Zero to Mastery by Andrei Neagoie
進捗状況: 92％
