เกิดอะไรขึ้นเมื่อคุณพิมพ์ URL แล้วกด Enter?

Question

IT Interview Practice · Accepted Answer

การพิมพ์ URL จุดชนวนห่วงโซ่ของขั้นตอนเครือข่าย: เบราว์เซอร์หาที่อยู่ IP ของเซิร์ฟเวอร์, เปิดการเชื่อมต่อไปยังมัน, ส่ง HTTP request, รับ response แล้ว render หน้า นี่คือ flow แบบ end-to-end สำหรับ `https://example.com`:

```text
You type https://example.com
   │
   ▼
1. URL PARSE   split scheme (https) + host (example.com) + path (/)
   │
   ▼
2. DNS         example.com ──▶ 93.184.216.34   (resolve name → IP)
   │
   ▼
3. TCP         3-way handshake to 93.184.216.34:443  (open connection)
   │
   ▼
4. TLS         handshake: verify certificate + agree on keys (encrypt)
   │
   ▼
5. HTTP        GET / HTTP/1.1   Host: example.com   (send request)
   │
   ▼
6. RESPONSE    200 OK + HTML   (server replies)
   │
   ▼
7. RENDER      parse HTML → fetch CSS/JS/images → build DOM → paint
```

**DNS** แปลงชื่อที่มนุษย์อ่านได้ให้เป็นที่อยู่ IP มักได้จาก cache (เบราว์เซอร์, OS หรือ resolver) จึงแทบไม่มีต้นทุนเมื่อเข้าซ้ำ จากนั้น **TCP** สร้างการเชื่อมต่อที่เชื่อถือได้กับเซิร์ฟเวอร์ที่พอร์ต 443 เพราะ URL เป็น `https` การจับมือ **TLS** จึงตามมา: เบราว์เซอร์ตรวจ certificate ของเซิร์ฟเวอร์และทั้งสองฝ่ายร่วมกันสร้างกุญแจ session เพื่อเข้ารหัสทราฟฟิก จากนั้นเบราว์เซอร์จึงส่ง **HTTP request** จริง (`GET /`) เซิร์ฟเวอร์ส่ง **response** กลับมา — status code พร้อม HTML เบราว์เซอร์แยกวิเคราะห์ HTML นั้น พบการอ้างอิงไปยัง CSS, JavaScript และรูปภาพ, ดึงมัน (มักทำแบบขนาน), สร้าง **DOM** แล้ววาด pixel ลงบนหน้าจอ

## ทำไมจึงสำคัญ

นี่เป็นหนึ่งในคำถามสัมภาษณ์ที่พบบ่อยที่สุดก็เพราะมันสัมผัสทุกชั้นของ stack — DNS, TCP, TLS, HTTP และการ render — ในเรื่องราวเดียว คำตอบที่ดีแสดงว่าคุณเข้าใจว่าชิ้นส่วนต่าง ๆ เชื่อมกันอย่างไร แทนที่จะท่องจำโปรโตคอลใดโปรโตคอลหนึ่ง มันยังเปิดประตูสู่คำถามเจาะลึกต่อ: caching, การใช้การเชื่อมต่อซ้ำ, latency และจุดที่อาจล้มเหลว ซึ่งเป็นหัวข้อที่สำคัญเมื่อคุณ debug หน้าที่ช้าหรือเสียใน production พอดี

ทำไมจึงสำคัญ

คำถามที่เกี่ยวข้อง