本月學習重點回顧(2025年7月)

更新 發佈閱讀 5 分鐘

1. MQTT → RabbitMQ 架構轉換與 Pub/Sub 設計

  • 你將原本的 MQTT 架構轉為 RabbitMQ,並建立 MQ_server.js 作為接收與分發的專用模組。
  • 學會如何設計 Pub/Sub 模式,模仿 MQTT 的彈性佈局,例如動態 dispatch 到 PHP。
  • 運用 axios + x-www-form-urlencoded 結合 RabbitMQ message handler 並記錄 log。

技術收穫

  • 熟悉 RabbitMQ 架構、Message Queue 運作流程與模組化封裝方式。
  • 精煉後端與 PHP 之間的跨語言溝通(RESTful + MQ hybrid model)。

2. React 表格元件優化:FloatingHeader + TanStack Table V8

  • 解決 header 高度抓取問題,使用 useLayoutEffect + ref.offsetHeight 自動設定 sticky。
  • 整合浮動表頭與欄寬自動調整、搜尋欄位、自定欄位寬度 resizing。
  • 重構表格元件為可重用、模組化、高度可配置的組件。

技術收穫

  • 深入掌握 @tanstack/react-table v8,包括 pagination、column sizing、custom cell render。
  • 更細膩地管理 DOM 高度與 layout calculation,提升使用者體驗。

3. Node.js MVC 架構優化與 PHP 系統重構

  • 明確規劃了從 legacy PHP → Node.js 重構流程。
  • 成功串接 PHP CLI,使用 Node 後端觸發 PHP 模組,並以 async/await 管理流程。
  • 重構 get_req() 等 PHP 函式為 getCheckRequirements 等 Node.js async 函式。

技術收穫

  • 完善理解 Node.js + PHP 雙系統整合的策略與風險控管。
  • 將 async Node pattern 與 MVC 架構應用於實際專案中。

4. n8n 自動化流程深化應用

  • 完成一個完整的 FTP 任務自動執行流程:資料庫查詢 → Disk file 檢查 → FTP 傳輸 → 更新狀態。
  • 使用 Merge Node 整合多個流程節點,搭配 SSH 自動建立目錄。
  • 接入 RabbitMQ 作為 n8n 觸發點,並測試報表延後解析設計。

技術收穫

  • 熟練操作 n8n 節點(FTP、PostgreSQL、Merge、Switch、HTTP)。
  • 建立模組化自動化架構,提升流程透明度與維護性。

🤔 本月省思與調整方向

1. 系統越來越模組化,但維護成本上升

  • 雖然各模組功能漸趨完整,但串接點與相依邏輯也逐漸複雜,日後 debug 或新需求需要清楚的 flow documentation。

👉 建議:建立 flowchart / ERD / module interaction map,避免知識集中在腦中或 code comments 裡。


2. 越來越多 async 流程,錯誤處理機制要加強

  • 無論是 n8n、MQ、RabbitMQ、Node → PHP,錯誤與例外情境尚未全面考慮(如 fail-retry、timeout fallback)。

👉 建議:建立統一的錯誤攔截機制與監控 log,例如配合 n8n 的 webhook callback / retry policy。


3. 前後端資料流日趨複雜,需重視資料一致性與驗證邏輯

  • 前端 React 組件愈來愈重,邏輯分層不明(如 handleColumnSearch、欄位驗證、資料異步更新)。

👉 建議:開始考慮使用 Form Hook、Zod/Yup 驗證與前後端 schema 同步方式。


4. 學習節奏快但整合不易,知識零散

  • 本月學了很多技術點,但尚未形成一套“共通模式”或 reusable template。

👉 建議:開始整理常用的 snippet / pattern,例如:

  • 自定 React 表格 template
  • n8n FTP 流程模組
  • Node-to-PHP Bridge handler base class
留言
avatar-img
Alice的盒子
0會員
8內容數
我是Alice,物理系畢業、PM轉職全端工程師,熱愛新技術、AI與自動化,也喜歡靈性與玄學探索。相信科學的盡頭是玄學!
你可能也想看
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
背景:從冷門配角到市場主線,算力與電力被重新定價   小P從2008進入股市,每一個時期的投資亮點都不同,記得2009蘋果手機剛上市,當時蘋果只要在媒體上提到哪一間供應鏈,隔天股價就有驚人的表現,當時光學鏡頭非常熱門,因為手機第一次搭上鏡頭可以拍照,也造就傳統相機廠的殞落,如今手機已經全面普及,題
Thumbnail
本次更新了貼圖教學內容,包括靜態貼圖上傳、動態貼圖上傳、貼圖轉移教學、表情貼上傳、貼圖拼貼、群組機器人設定和頻道機器人設定教學。
Thumbnail
本次更新了貼圖教學內容,包括靜態貼圖上傳、動態貼圖上傳、貼圖轉移教學、表情貼上傳、貼圖拼貼、群組機器人設定和頻道機器人設定教學。
Thumbnail
訊息的即時傳遞已然成為現代社會的趨勢了, 而扮演中樞平台的系統架構功能也漸趨複雜完整, Kafka是一個事件流平台, 正好滿足串流時代之下的即時訊息傳遞架構, 因此我們有必要深入來學習這套事件流平台, 不論是自動化、金融交易、IOT、物流…皆離不開即時的需求, 所以就讓我們蹲好馬步來好好的學習一
Thumbnail
訊息的即時傳遞已然成為現代社會的趨勢了, 而扮演中樞平台的系統架構功能也漸趨複雜完整, Kafka是一個事件流平台, 正好滿足串流時代之下的即時訊息傳遞架構, 因此我們有必要深入來學習這套事件流平台, 不論是自動化、金融交易、IOT、物流…皆離不開即時的需求, 所以就讓我們蹲好馬步來好好的學習一
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
觀察者模式透過主題訂閱/訊息通知的機制,極度增強系統的可擴展性、靈活性以及降低組件間的耦合度。概念直觀簡單,是非常實用的設計模式。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
這是一場修復文化與重建精神的儀式,觀眾不需要完全看懂《遊林驚夢:巧遇Hagay》,但你能感受心與土地團聚的渴望,也不急著在此處釐清或定義什麼,但你的在場感受,就是一條線索,關於如何找著自己的路徑、自己的聲音。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
5 月將於臺北表演藝術中心映演的「2026 北藝嚴選」《海妲・蓋柏樂》,由臺灣劇團「晃晃跨幅町」製作,本文將以從舞台符號、聲音與表演調度切入,討論海妲・蓋柏樂在父權社會結構下的困境,並結合榮格心理學與馮.法蘭茲對「阿尼姆斯」與「永恆少年」原型的分析,理解女人何以走向精神性的操控、毀滅與死亡。
Thumbnail
在近期的沙龍改版升級中,非常感謝各位會員與創作者給予的回饋,不論是透過客服信箱、討論區、留言或是其他管道, vocus 產品團隊與營運夥伴皆會悉心傾聽會員們的聲音,並用心推出更好的服務,滿足各位會員的使用需求。
Thumbnail
在近期的沙龍改版升級中,非常感謝各位會員與創作者給予的回饋,不論是透過客服信箱、討論區、留言或是其他管道, vocus 產品團隊與營運夥伴皆會悉心傾聽會員們的聲音,並用心推出更好的服務,滿足各位會員的使用需求。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
軟體系統的發展歷程大多相似,首重解決基本需求、提供操作介面,進而提升安全性、擴充功能、優化操作。
Thumbnail
啟動從未如此簡單、輕鬆或快速! 記得我開始寫第一份電子報時,花了很長時間。 但現在不再是這樣了。 除了Logo之外,所有內容幾乎都可以在 Chat GPT 的幫助下創建完成。
Thumbnail
啟動從未如此簡單、輕鬆或快速! 記得我開始寫第一份電子報時,花了很長時間。 但現在不再是這樣了。 除了Logo之外,所有內容幾乎都可以在 Chat GPT 的幫助下創建完成。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
本文分析導演巴里・柯斯基(Barrie Kosky)如何運用極簡的舞臺配置,將布萊希特(Bertolt Brecht)的「疏離效果」轉化為視覺奇觀與黑色幽默,探討《三便士歌劇》在當代劇場中的新詮釋,並藉由舞臺、燈光、服裝、音樂等多方面,分析該作如何在保留批判核心的同時,觸及觀眾的觀看位置與人性幽微。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
Thumbnail
這篇文章描述了作者從兼職開發轉為全職開發的過程,並分享了從混進學界指日可待的積極態度。作者也提及自己在專案製作與個人生活上的矛盾與感想,最後分享了專案管理和敏捷開發相關的文章與影片。
追蹤感興趣的內容從 Google News 追蹤更多 vocus 的最新精選內容追蹤 Google News