鐵人檔案
透過MERN Stack 架構 (MongoDB, Express.js, React, Node.js) 來建立 React 小型專案，並使用近期流行的 Tailwind CSS 打造網站樣式。藉由邊學邊做的模式，紀錄學習過程。
到目前為止已經學習一些基礎了，所以今天就先休息一下，把剩下的頁面排版寫出來，然後列出需要補充的地方～ Heroicons Heroicons 是由 Tailwi...
React Hook 的函數通常以 use 開頭命名，Hook 是 React 16.8 中增加的新功能，讓我們不必寫 class 就能使用 state 以及其...
每一個人撰寫程式碼的習慣都不相同，假設同一個專案中大家都以自己的習慣書寫程式，那程式碼看起來一定會非常的混亂沒有秩序，這時候如果有工具能幫助我們制定統一的規則，...
之前提到狀態變數雖然能幫我們做很多事，但只要使用者離開當前頁面（跳到其他頁面或是刷新頁面），原本狀態變數的值就會重新回到初始值，所以為了讓狀態變數成為全域狀態變...
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node...
axios Axios 是一個處理非同步資料的好用工具，讓前端要與後端要資料去做非同步處理時輕鬆不少～ 新增另一個終端機視窗，然後切換路徑到 client/ ，...
安裝 mongoose 套件 yarn add mongoose 新增 server/models 資料夾，並建立 postModel.js 檔案 引入 m...
上一篇提到如何從前端將資料傳給後端資料庫，所以這篇就來處理要怎麼從後端存取文章資料到前端～ 新增 GET method 在 server/index.js 新增...
之前使用了 Mongoose 的 Model.find() 來取得所有文章的資料，這次使用也十分常見的 Model.findById() 來取得單一文章的詳細資...
在前幾篇有提到除了在自己的電腦上運行本機端的 MongoDB，也可以使用雲端的方式將資料儲存在雲端資料庫，隨時都能取用～ 而今天就要來使用 MongoDB A...
