在我初學 Vanilla JS 時，並沒有特別意識到 元件化 的概念，直到接觸了 React 和 Angular，才開始頻繁地接觸到 component 這個詞。我還傻傻以為元件是框架才有的概念，後來...
在 Day 10，我們打造了一個功能完整的 BaseSelect 元件。我們在表單中將它展示出來，手動選擇選項，看起來一切正常。但這就夠了嗎？ 想像一下，未來我們為了某個新需求，修改了 BaseSel...
這幾天看了一些很常見的渲染模式，像是 CSR、SSR 等，接著讓我們開始和男主角 Next.js 有進一步地接觸，來了解和 Next.js 有關聯的一種 component 的類型，那就是 Serve...
在前兩天我們成功打造了 BaseButton 元件，為我們的設計系統踏出了堅實的第一步。今天，我們將乘勝追擊，挑戰另一個在表單中無處不在的元素，下拉選單 (<select>)。 在我們的登...
在 Day 8，我們打造了第一個可複用的 BaseButton 元件。我們在 LoginView.vue 中將它展示出來，手動點擊，看起來一切正常。但這就夠了嗎？ 想像一下，未來我們為了某個新需求，修...
Center for Internet Security(CIS) 基準是針對 25 個以上供應商產品系列的規範配置建議。它們代表了全球網路安全專家基於共識的努力，旨在幫助保護系統免受威脅。[1] C...
在昨天 Day7 的章節中，我們成功地為專案建立了現代化的開發環境。 今天，我們將正式開始享受這個環境帶來的好處，著手進行我們銷售系統的實作！ 元件化 (Componentization)。 回想一下...
檔案內使用 oneof 如下，類似 C# 的 Switch case 使用 message StudentResponse { oneof status_code { Stud...
本日目標 串接 iPhone 捷徑，並在 n8n 工作流程中加入核心的打卡邏輯，實作第一次觸發時自動寫入「簽到」時間，記錄到 Google 試算表 workflow 第一步：在 n8n 建立 We...
寫今天這篇文章前我糾結了很久，到底應該繼續介紹 K8s 元件，還是應該直接開始記錄實作的過程呢？仔細想想、四處看看之後發現其實網路上已經有很多篇介紹基本元件的文章，所以與其介紹大家都說過的東西，不如來...