技術文章

system-design-系統設計06-系統設計元件-what-is-dns-hogantech-hoganblab

DNS 是什麼?網域名稱系統介紹 – 系統設計 06

什麼是 DNS? 網域名稱系統 (DNS) 會將可以閱讀的網域名稱對應到機器可讀的 IP 位址,例如:google.com 對應的IP為142.250.191.78 。當使用者在瀏覽器中輸入網域名稱時,瀏覽器必須透過 DNS 將網域名稱轉換為 IP 位址。一旦獲得所需的 IP 位址,使用者的請求就會轉送到目標伺服器。

DNS 是什麼?網域名稱系統介紹 – 系統設計 06 Read More »

system-design-系統設計05-系統設計元件-building-block-hogantech

系統設計元件介紹 Building Block – 系統設計 05

系統元件是系統設計的基本模組塊,它們可以被組合起來,用來建構出複雜的軟體系統。這邊也來複習一下系統設計基本概念,系統設計是軟體工程中的一個重要環節,它涉及到軟體系統的整體架構和設計。一個好的系統設計可以使軟體系統更加可靠、可擴展和易於維護。

當然如果要使用這些元件去設計系統,勢必需先了解到底有哪些設計元件?每個設計元件代表的意義又是什麼?這一篇文章會簡介每一個系統元件,後面的篇章則是會詳細講解每一個元件的細節以及應用。

系統設計元件介紹 Building Block – 系統設計 05 Read More »

system-design-系統設計04-封底計算-back-of-the-envelope-hogantech-hoganblab

Back-of-the-envelope 封底計算 – 系統設計 04

Back-of-the-envelope 又稱為封底計算,是用簡單估算來計算複雜問題的近似值的方法。

這邊也複習一下,分散式系統由透過網路連接的運算節點組成。這些節點可以是各種類型的伺服器,例如網頁伺服器、應用程式伺服器和儲存伺服器。

在設計分散式系統時,了解每個節點可以處理的請求數量非常重要。同時我們也可以確定所需的節點數量以及流量,因此我們會使用 Back-of-the-envelope 來去計算我們的粗估值,最終來設計我們所需的系統。

Back-of-the-envelope 封底計算 – 系統設計 04 Read More »

system-design-系統設計03-軟體設計非功能性特性-hogantech-hoganblab

軟體設計非功能性特性 – 系統設計 03

在現代資訊科技中,系統的可用性(Availability)、可靠性(Reliability)、可擴展性(Scalability)、可維護性(Maintainability)以及容錯性(Fault Tolerance)是非常重要的非功能性特性,這些特性不僅影響了軟體系統的性能、效率,也會直接影響使用者體驗。這一篇文章也會針對上述五個特性去做深入講解。

軟體設計非功能性特性 – 系統設計 03 Read More »

React11-React-Hook-useState

React Hook useState – React 白話文運動 11

useState 是什麼?useState 是 React 中的一個 Hook,用於在函式元件中添加狀態,透過 useState,我們可以在函式元件中定義和管理狀態資料。useState 返回一個包含兩個值的陣列,其中包括:當前的狀態:在元件首次渲染時,它的值將等同於我們傳遞給 useState 的初始值。

React Hook useState – React 白話文運動 11 Read More »

system-design-系統設計-系統設計介紹-hogantech-hoganblab

現代系統設計介紹 – 系統設計 01

系統設計是一個定義各種系統元件、API、資料模型以及整合系統的過程,用來完成一定功能要求的大規模系統。以設計一個像Youtube這樣的視頻播放平台為例,我們不僅需要考慮如何高效地儲存和傳輸大量視頻數據,還要考慮如何支持高並發(High Concurrency)的使用者需求,以及如何保證系統的穩定性和可擴展性。

現代系統設計介紹 – 系統設計 01 Read More »

網路信標-web-beacon

Web Beacon 網路信標是什麼?除了 Cookie 以外,你需要了解的工具

網絡信標是 20 世紀末,網路興起的產物,出現於 1990 年代末。隨著越來越多的人開始使用網際網路,企業需要一種機制來收集、理解並應用大規模的使用者數據。Web Beacons 可以與  Cookie 一起工作,深入了解用戶行為,追蹤多個網站。

Web Beacon 網路信標是什麼?除了 Cookie 以外,你需要了解的工具 Read More »

React10-React-Life-Cycle

React 生命週期 – React 白話文運動 10

React 生命週期 – 前一篇則針對 React 語法進一步做講解, React JSX – React 白話文運動 06 學會了如何建立一個 React 元件,並且學會了元件之間有父子元件的關係。這一篇則會針對元件,講解元件的生命週期,包含:生命週期三個階段、類別物件的生命週期、函式物件的生命週期。

React 生命週期 – React 白話文運動 10 Read More »