目標
簡單過一輪這29天做的內容
最後為這屆鐵人文做個總結。

步驟
Day1~2
簡介使用的工具
版控工具後來有做修改
主要使用Sourcetree

Day3
做設計的規劃
使用Miro在線工具繪製

Day4~5

• 做資料的規劃
  用Excel整理DB資料
  和建立簡易的Schema
• 匯出成CSV檔案

Day6~7

• CSV檔案匯入至Supabase
• Supabase建立資料表並查詢SQL做驗證
  

Day8~9

• 使用命令提示字元工具安裝Node.js
• 安裝Vue與Bootstrap..等套件
  

Day10

• 依照線稿先做切版的動作
• 搭配網格系統染色，使畫面有初步的雛形

Day11
建立與Supabase的連接
這是我們在資料規畫後第一次連接到資料庫

Day12
使用Computed屬性將資料做處理
呈現活動一覽畫面

Day13~14

• 使用Emits 將子組件資料傳遞至父組件
• 使用Props 將父組件資料傳遞至子組件
  呈現副本一覽畫面
  

Day15~17

• 使用watch監聽 非同步方式取Supabase資料
• 資料處理，將JSON資料轉換為可用的架構
• 使用v-if 依照敵人資訊狀況判斷顯示
  呈現敵人資訊畫面
  

Day18~20

• 點擊愛心，將資料存在localStorage用戶端
• v-show與v-if在Vue的差異和需求簡述
• 不同組件中取localStorage的方式
  

Day21~23

• 使用v-model 綁定畫面上的input元素
  達到控制狀態效果
• 建立View 並使用Supabase提供的過濾函式
  呈現條件查詢畫面
  

Day24~25
支援名單的製作同時加上我的最愛功能
認識Vue綁定屬性的事件參數
呈現支援名單畫面

Day26
以父組件管理各子組件的加載狀態
實作Loading畫面的加載功能

Day27~28
使用SourceTree將本地的檔案上傳至Github
使用Netlify將Github做網站的佈署
已上線的網站

Day29
使用tortoisegit工具
達成下述文件整理的需求

• 資料比對查找
• 檔案路徑的輸出
  

Day30
做一個月的文章回顧。

備註

• 其實自己第7天就寫不下去了 沒什麼動力
  還好鐵人賽每天規定輸出一篇的要求 才又持續了幾天

• 到了第二個禮拜
  敵人表格資訊太複雜 之前完全沒處理經驗
  真的不知道怎麼做這些資料架構處理
  文章差點難產 還好後來上網找資料、作筆記總算度過

• 到了第三個禮拜
  某個重要的人離開我了
  他在離開前鼓勵我做我想做的事
  並給予我無限祝福 這也是我最後幾天想要將Loading載入畫面
  加上金言佳句的原因 我也想為這世界帶來善意

我想我能做好的事 就是把當初自己訂下的30天鐵人文寫完
如今終於完成了
最後感謝看30天文章的各位讀者。