鐵人檔案
透過MERN Stack 架構 (MongoDB, Express.js, React, Node.js) 來建立 React 小型專案，並使用近期流行的 Tailwind CSS 打造網站樣式。藉由邊學邊做的模式，紀錄學習過程。
環境變數 environment variable 在上一篇我們使用了雲端的方式連接 MongoDB，其中連接的字串包含了使用者的「密碼」，倘若今天我們 Git...
目前我們將後端的程式碼都放在 server/index.js 中，雖然現在看起來還算整齊，但如果之後專案內容愈來愈複雜，這樣的架構就會看起來很混亂，東西全部都擠...
本來一直不太想碰這塊，想要直接混過去到30天結束，但後來還是覺得要有這個功能，專案才會更完整、後面幾天才有東西寫哈哈哈（喂 因為這部分我也沒有非常熟悉，所以一步...
上一篇先將頁面基本功能建立好了，現在就要來處理最麻煩的後端驗證了～ 建立 user 的 controllr, model, route 檔案 userMod...
回到前端部分，在 api 中新增 login 及 register createAsyncThunk 接著新增 accountSlice.js 引入 api...
Atlas Search 在瀏覽器上登入 MongoDB，然後點擊專案 Database 的 Search 功能，接著選擇「Create Search Inde...
Loading 在資料尚未載入或回傳時，畫面會呈現空白或停止狀態，這樣會造成不好的使用者體驗，所以通常都會加一個 Loading 畫面，告知使用者目前應用程式有...
鐵人挑戰終於快到尾聲了…今天就來調整一些專案的小細節吧： 中英文字串長度判斷 修改 Header 樣式 增加 Back to Top 按鈕 中英文字串長度判...
Railway 因為 Heroku 把免費專案取消了，所以這次來試試另一個平台 - Railway 首先先登入帳號，直接使用 GitHub 登入，然後記得同意...
總結：終於撐過 30 天了～～～真的好痛苦～～～ 這次藉由「 iThome 鐵人賽」挑戰30天內無中生有一個小型專案，對我來說真的是個非常非常寶貴的經驗，雖然之...
