KD's Tech Blog

軟體工程和產品專案管理現場，紀錄關於軟體開發/程式設計/工程思維的技術筆記

前端 i18n 入門教學與注意事項整理筆記 | 學習筆記

前言在現今的全球化應用中，網站或產品若希望觸及更多用戶，提供多語系支援幾乎是必須的功能。這就是所謂的國際化（Internationalization，簡稱 i18n），意即在程式設計階段預先做好結構設計，使系統能根據不同語言與地區的需求，自動載入對應的文案、格式與顯示方式。 本篇筆記將說明前端 i18n 的核心觀念、開發時常見的注意事項，以及如何透過實際程式碼實作一個簡單的多語系功能，協助你......

Posted by kdchang on 2025-01-13

useSWR 入門教學筆記：打造高效、簡潔的資料請求方式 | 學習筆記

前言在現代前端開發中，資料的取得與管理是不可或缺的一環。傳統上，我們可能使用 useEffect 搭配 fetch 或 axios 來處理資料請求，但這樣的方式不僅冗長，還需要手動管理 loading、error 狀態與快取邏輯。為了解決這些問題，Vercel 推出的 SWR（stale-while-revalidate）提供了一種簡潔、聲明式且高效的資料取得方式，特別適合搭配 React ......

Posted by kdchang on 2024-12-23

JSX 入門教學筆記 | 學習筆記

1. JSX 是什麼？JSX（JavaScript XML）是一種語法擴展，主要用於 React 函式庫中，它允許在 JavaScript 代碼中撰寫類似 HTML 的語法，使 UI 組件的編寫更加直觀。JSX 並非原生 JavaScript，需要透過 Babel 轉譯成標準 JavaScript 代碼。 2. 為什麼使用 JSX？JSX 提供了一種更加可讀、直觀的方式來描述 UI 結構，相......

Posted by kdchang on 2024-12-13

Backend For Frontend（BFF）入門教學筆記 | 學習筆記

前言當今前端與後端開發越趨分離，加上行動裝置、多樣化的使用者端（Web、App、IoT 等）快速成長，Backend for Frontend（BFF） 架構逐漸成為微服務與現代應用中不可或缺的一環。本文將介紹 BFF 的基本概念、優缺點、使用情境與實際範例，幫助你快速理解並在專案中應用。 一、什麼是 Backend For Frontend？Backend For Frontend（簡稱 ......

Posted by kdchang on 2024-12-12

React Redux 介紹入門教學筆記 | 學習筆記

1. 什麼是 Redux？Redux 是 JavaScript 應用程式的狀態管理工具，最常與 React 搭配使用。它提供一個單一的全域狀態樹，使應用程式的狀態變更更可預測、可測試、可維護。Redux 遵循 單向數據流 和 不可變狀態 的概念，適合管理大型應用的複雜狀態。 2. Redux 核心概念Redux 的運作基礎主要由三個部分組成： Store（存儲狀態的地方） 整......

Posted by kdchang on 2024-12-12

ABOUT ME
KD's Tech Blog 技術部落格 | KD Chang 張凱迪

KD Chang 張凱迪（@kdchang），台灣大學，主修經濟學，臺大資管所畢業。是一個軟體工程師，也是一位 PM 產品專案經理和教育工作者。曾服務過上市網路軟體公司、上市科技電子公司、台灣 AI 人工智慧新創獨角獸公司，也曾參與數個新創組織的創辦和多個網路產品服務的開發。A Software Engineer, Product/Project Manager & Educator.:)

FRIENDS