鐵人檔案
30 天，帶你從 TypeScript 零基礎一路闖關，打怪升級到型別大師！內容涵蓋基礎語法、泛型、型別守衛等進階技巧，最後再挑戰 React、Node.js 實戰專案。每天一點進步，累積下來就是翻天覆地的改變，讓你從此看型別不再心慌，重構不再冒冷汗。
昨天我們聊了函式型別，今天要升級一下， 進入 TypeScript 型別系統中一個超強的功能——泛型（Generics）。 如果你覺得型別一旦定義就很死板，那泛...
泛型（Generics）= 型別的變數。你先寫一個「模板」，真正用的時候再把型別塞進去。今天把三個常見升級招式講清楚：預設值、多參數、約束（extends /...
昨天我們玩了泛型進階，今天要解決一個很常見的痛點： 當一個變數可能是多種型別（Union Type）時，你要怎麼告訴 TS「這裡是那個型別」？ 這就是 型別...
昨天我們學了 型別守衛（Type Guards）， 今天來看看 TypeScript 內建的「型別小工具」。 它們能讓你不用重寫型別，就能快速得到你想要的型別變...
昨天我們認識了 TypeScript 內建的 Utility Types， 今天就來真的「動手做」，把 TypeScript 放進 Node.js 專案， 做一...
昨天我們用 TypeScript 寫了第一個 Node.js API， 今天來讓它「更安全」，尤其是在環境變數這個雷區。 1. 為什麼要驗證環境變數？ .e...
昨天我們用 zod 做了 環境變數驗證， 今天要把這個概念延伸到 API 輸入驗證， 確保「前端送進來的資料」在到達你的程式邏輯前， 就已經是乾淨、合法、型別安...
昨天我們用 zod 確保進來 API 的資料是乾淨的； 今天把關卡往下推到 資料庫： 用 Prisma 讓你在寫 SQL（其實是 ORM）時也享受 自動補全 +...
昨天我們把資料庫用 Prisma 型別安全化了， 今天拉回前端，用 React + TypeScript 把元件到資料流都型別化。 你會拿到：Props/Sta...
在 TypeScript 專案裡，錯誤處理常常是最鬆的地方： API 回傳錯誤格式不一致 前端 catch 到的 err 永遠是 any 後端丟 throw...
