# 查看自己的 IP
curl ifconfig.me
# 可能回傳：203.45.67.89

# ping 一個網站，看它的 IP
ping google.com
# PING google.com (142.250.185.206)
Code language: CSS (css)

# AI 幫你寫的 Flask 應用可能包含這行
app.run(host="0.0.0.0", port=5000)
# ↑ 0.0.0.0 表示「監聽所有 IP 位址」，讓外部也能連進來
# 如果寫 127.0.0.1 就只有本機能存取
Code language: PHP (php)

客戶端                          伺服器
   |                               |
   |--- SYN（嘿，我想連線）------->|   第 1 次
   |                               |
   |<-- SYN-ACK（好，我也準備好了）-|   第 2 次
   |                               |
   |--- ACK（收到，開始傳吧！）---->|   第 3 次
   |                               |
   |====== 開始傳輸資料 ===========|
Code language: HTML, XML (xml)

# AI 幫你寫的 WebSocket 連線
import websockets

async def connect():
    async with websockets.connect("ws://localhost:8765") as ws:
        await ws.send("Hello")
# ↑ WebSocket 底層用的是 TCP，所以連線是可靠的
Code language: PHP (php)

# 檢查某個 port 有沒有在監聯
netstat -tlnp | grep 8080
# t = TCP, l = listening, n = 用數字顯示, p = 顯示程序
Code language: PHP (php)

你的瀏覽器
   |
   |  1. 先查本機快取（之前查過嗎？）
   |     → 沒有
   |
   |  2. 問本地 DNS 伺服器（通常是你的 ISP）
   |     → 不知道
   |
   |  3. 問根域名伺服器（Root Server）
   |     → 「.com 的事去問 .com 伺服器」
   |
   |  4. 問 .com 頂級域名伺服器（TLD Server）
   |     → 「example.com 的事去問它的授權伺服器」
   |
   |  5. 問 example.com 的授權伺服器（Authoritative Server）
   |     → 「www.example.com 的 IP 是 93.184.216.34」
   |
   |  6. 拿到 IP，建立連線！
   ↓

# 手動查 DNS（看某個域名對應的 IP）
nslookup google.com
# 或
dig google.com

# 回傳類似：
# google.com.    300    IN    A    142.250.185.206
# ↑ 域名         ↑ TTL(快取秒數)   ↑ IP 位址
Code language: CSS (css)

# 本機 DNS 設定檔（有時需要手動指定 DNS）
# /etc/hosts 檔案可以手動對應域名和 IP
127.0.0.1    localhost
192.168.1.100    my-local-server
# ↑ 這就是最簡易的「本機 DNS」
Code language: PHP (php)

客戶端（瀏覽器/App）                    伺服器
       |                                  |
       |--- HTTP 請求（我要什麼）-------->|
       |                                  |
       |<-- HTTP 回應（給你東西 + 狀態）--|
       |                                  |

GET /api/users/42 HTTP/1.1
Host: example.com
Accept: application/json
Authorization: Bearer eyJhbGciOiJIUz...
Code language: HTTP (http)

GET /api/users/42 HTTP/1.1       # 用 GET 方法，要 /api/users/42 這個資源
Host: example.com                # 對象伺服器是 example.com
Accept: application/json         # 我想收到 JSON 格式的回應
Authorization: Bearer eyJ...     # 這是我的身份證明（token）
Code language: PHP (php)

# AI 幫你寫的 FastAPI 路由
@app.get("/users/{user_id}")          # GET 方法，讀取使用者資料
async def get_user(user_id: int):
    user = await db.get(user_id)
    if not user:
        raise HTTPException(status_code=404)  # 找不到就回 404
    return user                               # 找到就回 200 + 資料

@app.post("/users/")                  # POST 方法，新增使用者
async def create_user(user: UserCreate):
    new_user = await db.create(user)
    return new_user                           # 回 201 Created
Code language: PHP (php)

// AI 幫你寫的前端 fetch 請求
const response = await fetch("/api/users/42", {
  method: "GET",                    // 讀取資料
  headers: {
    "Content-Type": "application/json",  // 告訴伺服器我送的是 JSON
    "Authorization": "Bearer xxx"        // 帶上身份驗證
  }
});

if (response.ok) {                  // status 200-299 都算 ok
  const data = await response.json();
} else if (response.status === 404) {
  console.log("找不到使用者");       // 404 = 不存在
}
Code language: JavaScript (javascript)

1. DNS 解析
   瀏覽器問 DNS：「www.example.com 的 IP 是多少？」
   DNS 回答：「93.184.216.34」

2. TCP 連線
   瀏覽器對 93.184.216.34 的 443 Port 發起三次握手
   （443 是 HTTPS 的預設 Port）

3. TLS 加密握手
   雙方交換加密金鑰，建立安全通道

4. HTTP 請求
   瀏覽器送出：GET /about HTTP/1.1

5. HTTP 回應
   伺服器回傳：200 OK + 網頁的 HTML 內容

6. 瀏覽器渲染網頁
   你看到了頁面！