參賽原因 這是我第一次參加鐵人賽，之所以會參賽是為了養成學習的習慣及記錄自己學習的過程，並且整理資料與參考連結，以便在之後忘記怎麼寫的時候能快速回憶。 開始安裝...
前言 大家好，我是毛毛。ヾ(´∀ ˋ)ﾉ沒錯~ 今天跟昨天是同一題(絕對不是想偷懶XD想嘗試看看改C++寫那就開始今天的解題吧~ Question You a...
毛毛
‧
2022-09-14
其實這次報名並沒有充分地準備，雖然預先認真寫了兩三篇文章，但一定很快就會用完的XD所以這次系列文主要的主軸會在於 Node 生態系中我所發現的一些有趣的東西！...
學如逆水行舟，不進則退工作中沒使用的技術早就全還回去了～退惹兩三年的我決定重新開始這次的鐵人賽，順便複習以前學習過的概念xd 基本上之前（兩年前）已經稍微寫了一...
總結：終於撐過 30 天了～～～真的好痛苦～～～ 這次藉由「 iThome 鐵人賽」挑戰30天內無中生有一個小型專案，對我來說真的是個非常非常寶貴的經驗，雖然之...
Railway 因為 Heroku 把免費專案取消了，所以這次來試試另一個平台 - Railway 首先先登入帳號，直接使用 GitHub 登入，然後記得同意...
鐵人挑戰終於快到尾聲了…今天就來調整一些專案的小細節吧： 中英文字串長度判斷 修改 Header 樣式 增加 Back to Top 按鈕 中英文字串長度判...
Loading 在資料尚未載入或回傳時，畫面會呈現空白或停止狀態，這樣會造成不好的使用者體驗，所以通常都會加一個 Loading 畫面，告知使用者目前應用程式有...
Atlas Search 在瀏覽器上登入 MongoDB，然後點擊專案 Database 的 Search 功能，接著選擇「Create Search Inde...
回到前端部分，在 api 中新增 login 及 register createAsyncThunk 接著新增 accountSlice.js 引入 api...
上一篇先將頁面基本功能建立好了，現在就要來處理最麻煩的後端驗證了～ 建立 user 的 controllr, model, route 檔案 userMod...
本來一直不太想碰這塊，想要直接混過去到30天結束，但後來還是覺得要有這個功能，專案才會更完整、後面幾天才有東西寫哈哈哈（喂 因為這部分我也沒有非常熟悉，所以一步...
目前我們將後端的程式碼都放在 server/index.js 中，雖然現在看起來還算整齊，但如果之後專案內容愈來愈複雜，這樣的架構就會看起來很混亂，東西全部都擠...
環境變數 environment variable 在上一篇我們使用了雲端的方式連接 MongoDB，其中連接的字串包含了使用者的「密碼」，倘若今天我們 Git...
在前幾篇有提到除了在自己的電腦上運行本機端的 MongoDB，也可以使用雲端的方式將資料儲存在雲端資料庫，隨時都能取用～ 而今天就要來使用 MongoDB A...
之前使用了 Mongoose 的 Model.find() 來取得所有文章的資料，這次使用也十分常見的 Model.findById() 來取得單一文章的詳細資...
上一篇提到如何從前端將資料傳給後端資料庫，所以這篇就來處理要怎麼從後端存取文章資料到前端～ 新增 GET method 在 server/index.js 新增...
安裝 mongoose 套件 yarn add mongoose 新增 server/models 資料夾，並建立 postModel.js 檔案 引入 m...
大家好，今天終於要來講如何操控機器人移動了，正常來說我們都是通過控制關節馬達來移動，不過在某些特殊情況下，我們會通過直接對機器人施力來移動，例如要使用空氣動力學...
axios Axios 是一個處理非同步資料的好用工具，讓前端要與後端要資料去做非同步處理時輕鬆不少～ 新增另一個終端機視窗，然後切換路徑到 client/ ，...
Node.js® is a JavaScript runtime built on Chrome's V8 JavaScript engine. Node...
之前提到狀態變數雖然能幫我們做很多事，但只要使用者離開當前頁面（跳到其他頁面或是刷新頁面），原本狀態變數的值就會重新回到初始值，所以為了讓狀態變數成為全域狀態變...
每一個人撰寫程式碼的習慣都不相同，假設同一個專案中大家都以自己的習慣書寫程式，那程式碼看起來一定會非常的混亂沒有秩序，這時候如果有工具能幫助我們制定統一的規則，...
React Hook 的函數通常以 use 開頭命名，Hook 是 React 16.8 中增加的新功能，讓我們不必寫 class 就能使用 state 以及其...
到目前為止已經學習一些基礎了，所以今天就先休息一下，把剩下的頁面排版寫出來，然後列出需要補充的地方～ Heroicons Heroicons 是由 Tailwi...
在繼續往下之前，想先來整理一篇常見也常用的 JavaScript 語法，這些是我認為新手會比較不熟悉但用到頻率會很高的語法。 雖然在前端開發常常是看到什麼不會，...
到目前為止，我們都還是將所有東西寫在 App.js 中，但大部分網站總不可能只有一個頁面吧？ 不像傳統靜態網頁是由一堆 HTML 檔案切換而成，SPA 動態網頁...
利用 JavaScript ES6 的模組化開發在 React 中也是重要的一環，模組化的方式讓我們在開發大型複雜應用程式時更為方便且易於管理，相同的程式碼可以...
Tailwind CSS Tailwind CSS 是近年來愈來愈多人使用的 CSS 框架，跟其他框架如： Bootstrap、Material-UI、Ant...
除了一行一行把自己要的功能或介面 code 出來之外，還有一個快速又方便的方法，能夠幫我們快速建構專案所需的東西，那就是使用「套件 Package」。 對於個人...
wl096004
轟天旅人
dc88
Sofffia
golucky_sir
iThome鐵人賽
看影片追技術