當我們使用 React 開發網頁應用程式時，畫面不再是寫在一大堆 HTML 裡，而是由一個個「元件（Component）」組成。 這些元件就像一塊塊的積木，互相嵌套、組合，形成我們最終看到的畫面。這樣...

如果你剛開始接觸 React，可能會不斷看到「元件（Component）」這個詞出現。 打開任何一個 React 專案，幾乎每一行程式碼都在處理元件的建立、使用、傳資料等等。 可以這麼說：元件是 Re...

還記得第一個網頁是怎麼寫的嗎？ 可能是一個 HTML 檔裡擺滿 div、button 和 img，想加點互動再補幾行 JavaScript，CSS 也直接寫在 標籤裡。 這樣的寫法在小型網頁中沒有...

你可能每天都在寫 fetch()、用 GraphQL 查資料、打 API、開 DevTools 查錯……但你是否想過： 這些資料是怎麼從你程式送出去的？ 每一次送出請求，背後經過了哪些網路流程？ 你在...

你是不是在學網路時發現有兩個模型：一個是 OSI 七層模型，另一個是 TCP/IP 四層模型？這時心中浮現三個問號： 這兩個模型到底有什麼關係？ 為什麼學校教 OSI，現實卻用 TCP/IP？ 面對考...

你有沒有想過，當你打開瀏覽器、輸入 www.google.com、按下 Enter 的那一瞬間，到底發生了什麼事？ 這短短幾秒內，電腦與全球無數設備展開了一場密切協作。 在這篇文章中，我們將用 TCP...

在前幾篇文章中，我們認識了 OSI 七層模型，了解了每一層如何分工合作，讓資料能順利在網路上傳遞。 但你可能會開始好奇一件事：「在現實世界裡，我們真的用 OSI 模型來傳資料嗎？」 答案是——不完全是...

你可能已經知道，網路的傳輸過程其實是由一層層的機制支撐起來的。 就像寄一封信，不只需要郵差，還得有地址、路線規劃、包裝方式……這一切，在網路世界中也一樣複雜。 在 OSI 模型中，下四層（Layer...

你有沒有想過，每當你打開 IG 發限動、用 LINE 傳訊息、用瀏覽器查資料，這些動作的背後，到底發生了什麼？ 這一切的運作都要感謝電腦世界裡一個超重要的概念——OSI 七層模型。 今天我們不談所有七...