我的名字是 Kevin，我是一名軟體工程師，擁有近五年的工作經驗，主要專注於使用 ReactJS 框架進行前端開發。我同時具有領導專案與開發團隊的經驗，包括進行客戶需求訪談、任務分派與程式碼審查。此外，也有容器化技術與 DevOps 領域的專案經驗與知識。 以下是我在 Dynasafe 的相關經歷： 🔧 ReactJS、React Lazy Load、Hooks、Cypress、前端團隊領導經驗 帶領三人前端團隊，將金融業的內部監控系統從 jQuery 重構為 ReactJS，使用 React lazy + Suspense 進行 route-level code splitting，將初始 JavaScript Bundle 大小從 3 MB 減少至 850 KB。導入 Cypress 搭配 Git action 在開 PR 時自動化完成 E2E 測試，有效減少新功能對既有功能的破壞，大幅提升產品穩定性與開發效率 🔧 ReactJS、前端團隊領導經驗 領導四人前端團隊執行金融系統開發，除了參與前端開發，也主持近百場客戶會議，每次約 1.5 小時，透過需求訪談理解客戶痛點，蒐集 User Story 以及 Demo Review，後續再評估技術可行性、需求拆解、分配、Code Review 🔧 ReactJS、React.memo、useCallback、React Hooks、React Query、開發團隊領導經驗 領導三人開發團隊，負責養殖池投餵監控系統的前端開發，使用 React query 快取機制對資料進行快取，再透過React Query 的 setQueryData 更新快取以達到組件 re-render，藉此提升使用者體驗。使用 React.memo 以及 useCallback 等 hooks 的快取機制結合淺比較，減少不必要的重渲染，首頁 INP 由 220 ms 降低至 90 ms 🔧 ReactJS、JavaScript、Redux、react-i18next、react-window 在金融業系統開發專案中，負責開發超過 15 個用戶介面，使用 React 搭配 Redux 進行全局狀態管理。採用 react-window 對大型列表進行虛擬化，限制 DOM 數量以提升瀏覽器性能。同時，通過分頁載入方式優化資料請求，減少單次請求的資料量，提升請求效率 🔧 ReactJS、TypeScript、Docker、Kubernetes 引入並開發 Backstage 作爲 Developer Portal，使用 ReactJS 搭配 Typescript 開發 backstage 功能，並透過 Dockerfile 包成鏡像檔部署到公司 k8s cluster 🔧 ReactJS 以前端工程師身份參與公司產品的概念驗證（POC）。利用 ReactJS 進行前端開發，並通過 RESTful API 與後端溝通。根據團隊負責人的要求完成了 80% 的功能頁面 🔧 ReactJS、NodeJS、MSSQL、LineBot 參與公司內部活動系統的開發工作，使用 ReactJS 搭配 WebSocket 完成線上問答系統以及其他四個功能頁面，同時以 NodeJS 搭配 MSSQL 開發公司 Line official account 🔧 jQuery、HTML、CSS 作為前端工程師，參與開發金融產業的內部監控系統，使用 HTML、CSS 與 jQuery 完成 3 個功能頁面，並達成 100% 準時交付 🔧 Ansible 自動化平台、Jenkins 為金融業的一百個以上的 AP 系統標準化 CI/CD 流程，透過標準化以及權責分離，減少部版維運人員的維運時間，另外使用 Anthos 上運行的 Pods 取代既有的 VM 作為 Jenkins Slaves 🔧 Jenkins、Azure DevOps、GitHub Action、Ansible 為金融業系統開發專案實作 CI/CD 流程，在客戶與內部環境中將手動部署時間減少了 40% 的時間。利用 GitHub Actions、Jenkins 及 Azure DevOps 等工具達到自動化部署 🔧 Sonatype Nexus、技術顧問 領導一個三人團隊提早交付價值新台幣 100 萬元的第三方套件集中管理專案，負責系統導入、存取控制結構設計以及客戶的技術培訓 🔧 Ansible、技術顧問 帶領兩人團隊完成針對金融業的 Ansible 培訓，在專案中擔任規劃、講師與技術顧問的角色 目前，我擔任 Dynasafe CNS 部門的團隊組長，領導一個由三名成員組成的團隊。