iT邦幫忙

技術文章

RSS

Day 9 - 醫療級報表排版實戰(一):打造專業醫院表頭與雙欄病患資訊框架

今日目標透過 CSS Flexbox 與 Grid 佈局,切出具備醫院名稱、Logo 預留區與受檢者資訊欄的專業表頭;同時調整醫療報告專屬的高對比灰階色調,確保...

Day 8 - CSS Paged Media 規範解析:打造 A4 實體紙張規格的醫療報表

今日目標學習如何透過 CSS Paged Media 規範(如 @page、break-inside 與 break-before),將昨天的動態網頁轉化為符合...

Day 7 - Thymeleaf 樣板引擎基礎:讓醫療數據與 HTML 完美融合

今日目標在 Spring Boot 專案內設定 Thymeleaf,讀取 src/main/resources/templates 下的 HTML。 核心概念T...

[BFF_Security] Day 7:最後一哩的縱深防禦

凌晨 03:42,夜幕低垂。歷經了連續六天六夜的血汗作戰,公司大樓本該沉浸在上市 IPO 審計過關與 BFF 新架構正式切流的平靜中。 然而,一陣淒厲刺耳的 P...

[BFF_Security] Day 6:授權與金鑰的終局之戰

週五清晨,公司大樓的氣氛異常肅殺。會議室門口站著兩位穿著深色西裝的外部專家——這是公司為了即將到來的上市 IPO,專門重金聘請的國際頂級紅隊資安審計顧問「黑狐」...

Day24:生活中的PQC應用場景

一、日常網頁瀏覽與HTTPS流量(TLS 憑證):場景:你每天上網網址列看到的「小綠鎖」PQC應用:目前如Cloudflare等網路巨頭已大規模導入混合式金鑰交...

Day 18|模型評估進階篇:ROC 曲線與 AUC 指標深度剖析實戰

第十八天,我們要繼續深化二元分類模型的評估指標。昨天我們認識了混淆矩陣,但混淆矩陣的計算高度依賴一個「預設分類門檻值(通常為 0.5)」。如果今天我們調整判斷門...

Day 17|分類演算法起步走:邏輯斯迴歸(Logistic Regression)與混淆矩陣評估實戰

第十七天,我們要從「數值預測(回歸)」轉向機器學習另一大主流應用——分類問題(Classification)。昨天的線性回歸用來預測連續數值(如薪水、房價),但...

Day 16|邁入機器學習大門:Scikit-Learn 資料集切割與線性回歸(Linear Regression)實戰

第十六天,我們正式踏入機器學習(Machine Learning)的領域!在昨天的半程專案中,我們完成了資料清理與特徵工程;今天我們要學習如何讓電腦「從數據中學...

[BFF_Security] Day 5:新舊系統之間的夾心餅乾——Evolution、Bridge、SIA 與雙寫一致性

大部分產品工程師都面臨著新舊系統並存的情境,BFF 架構可以讓新舊服務被存取,但有些設計需要作到位,不然 BFF 也是弱點。 週四清晨,機房深處瀰漫著一股老舊電...

[BFF_Security] Day 4:多個 BFF——Adapter、Lens、Namespacing 與 Composition

這篇來聊聊 BFF 的一些常見 pattern 週三上午十點,全體研發大會。CEO 在投影機前意氣風發地宣布了公司的狂暴擴張計畫: 「各位!公司剛剛完成了對一...

[BFF_Security] Day 3:登入完成之後——BFF 代理請求時的四個致命破口

這篇來講點 API proxy 跟 authorization 的進階防禦跟閃坑經驗 週二下午兩點,陽光正好。經過昨天對登入流程的魔鬼重構,BFF 正式接管了前...

[BFF_Security] Day 2:剛把 Token 藏好,用戶怎麼全變成別人了?

Day1 講了一些知識與概念,今天分享一些實做與資安相關的實作部份。 週一早上九點,辦公室裡洋溢著大功告成的快活空氣。前端負責人小杰捧著咖啡,得意洋洋地展示週末...

[BFF_Security] Day 1:BFF 到底在 B 什麼?從「API 跑腿小弟」到「全站 Token 大逃殺」

因為近期一些資安事件的影響,發現常見的 BFF 系統架構其實沒做好也是個漏洞。因此這一系列將簡單來分享前後端分離架構中常見的 BFF 架構以及今年8月正式從草案...

Day 18 | 關鍵字搜尋:參數化查詢與防抖

今天做搜尋功能,在篩選分類旁邊加一個搜尋框,輸入關鍵字就能找出標題包含它的待辦事項。 今天做的事後端把category和q兩個條件組合起來,有帶哪個就加哪個,用...

Day 17 | 重構:用 Router 拆檔,加上統一錯誤處理

今天沒有新增任何功能,目標是整理程式碼:把待辦事項的路由搬到獨立檔案,並加上統一的錯誤處理。 今天做的事新增 routes/todos.js,用 express...

Day 16 | 逾期標示與統計 API:路由順序又出現了

今天讓網站能一眼看出哪些事項已經逾期,並在清單上方顯示統計數字。 今天做的事後端新增 GET /api/todos/stats,用一條 SQL 一次算出四個數字...

Day 04:【字型與連字】設定開發專用字型與 Ligatures 連字效果

💡 前言 繼昨天套用質感主題與檔案圖示後,今天我們要來微調程式碼編輯器中最核心的要素——字型 (Font) 與 連字效果 (Font Ligatures)。 許...

Day 03:【主題與圖示】精選 5 款超好看主題與 File Icons 設定

Day 03:【主題與圖示】精選 5 款超好看主題 (One Dark, Dracula) 與 File Icons 設定 💡 前言 工程師每天看著編輯器的時間...

Day 02:【安裝與設定檔 sync】VS Code 安裝、跨裝置 Settings Sync 雲端同步設定

💡 前言 工欲善其事,必先利其器。昨天我們確立了 30 天的學習地圖,今天我們就從最基礎卻也最關鍵的步驟開始:環境安裝與雲端同步設定。 許多人換了新電腦或在學校...

Day 1|打造個人健康習慣追蹤系統:確定專案主題與目標

一、前言 在日常生活中,我們常常會聽到保持健康的重要性,例如每天攝取足夠的水分、維持規律的睡眠時間、適度運動,以及均衡飲食。 然而,知道健康的重要性,不代表我們...

預言機操縱的防禦:整合 Chainlink 確保價格報價安全

駭客之所以能得逞,根本原因在於該 DeFi 協議將「單一去中心化交易所(DEX)的資金池」當作唯一的價格來源。在資安領域,我們非常忌諱「單一故障點(Single...

Day 16|Wazuh Active Response 實作:自動阻擋可疑 IP

一、什麼是 Active Response? Active Response 是 Wazuh 提供的自動化安全回應功能,可以根據規則觸發的警報,自動執行指定腳本...

資安攻防 (五):預言機操縱 (Oracle Manipulation) 與閃電貸攻擊

前幾篇我們討論的重入攻擊、整數溢位或是權限控制漏洞,大多是單一合約內部「程式碼邏輯」上的瑕疵。但在去中心化金融(DeFi)的世界裡,各個協議就像樂高積木一樣可以...

資安攻防 (四):權限控制漏洞與 Ownable 實作缺陷

在 Web3 的世界裡,我們常說「程式碼就是法律」。過去幾天我們討論的重入攻擊與整數溢位,都屬於「邏輯與數學運算」上的漏洞。但現在要探討的是一種極度低級、卻屢見...

Day 15|Wazuh 進階規則實作:偵測暴力破解攻擊(Brute Force)

一、什麼是暴力破解攻擊? 暴力破解攻擊(Brute Force Attack)是一種常見的資安攻擊方式,攻擊者透過不斷嘗試不同的帳號與密碼組合,試圖取得系統存取...

Day 14|Wazuh 自訂規則實作:建立自己的安全警報

一、什麼是 Wazuh 自訂規則? 在前幾天的文章中,我們已經介紹 Wazuh 的 Decoder(解碼器),了解如何將原始日誌解析成結構化資料。不過,Deco...

Day 6 - 為什麼不直接畫 PDF?解密前端排版(HTML/CSS)轉 PDF 的絕對優勢

今日目標正式進入專案的第二階段(Phase 2)!今天我們不寫 Code,而是要來進行深度的技術選型探討:分析 JasperReports / iText 原生...

Day 5 - 資料庫設計與 JPA Entity 實作:醫療資料的軟刪除與稽核模型

今日目標將 Day 4 驗證通過的乾淨資料存入 H2 資料庫。建立病患(Patient)與稽核日誌(ReportAuditLog)的 JPA Entity,並導...

Day 4 - 建立健檢前台 API:實作病患登記模組與 DTO 嚴格校驗

今日目標設計一組 RESTful API,讓受檢貴賓在醫院前台能自行登記 Email 與基本資料。同時實作 DTO(資料傳輸物件)與全域例外處理,為後端建立第一...