Τι συμβαίνει όταν πληκτρολογείς ένα URL και πατάς Enter;

Question

IT Interview Practice · Accepted Answer

Η πληκτρολόγηση ενός URL πυροδοτεί μια αλυσίδα δικτυακών βημάτων: ο browser βρίσκει τη διεύθυνση IP του server, ανοίγει μια σύνδεση προς αυτόν, στέλνει ένα HTTP request, λαμβάνει την απάντηση, και κάνει render τη σελίδα. Να η από άκρη σε άκρη ροή για το `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 (browser, OS ή resolver) ώστε να μην κοστίζει τίποτα στις επαναλαμβανόμενες επισκέψεις. Στη συνέχεια το **TCP** εγκαθιστά μια αξιόπιστη σύνδεση με τον server στο port 443. Επειδή το URL είναι `https`, ακολουθεί ένα **TLS** handshake: ο browser ελέγχει το certificate του server και οι δύο πλευρές παράγουν session keys ώστε η κίνηση να είναι κρυπτογραφημένη. Μόνο τώρα ο browser στέλνει το πραγματικό **HTTP request** (`GET /`). Ο server επιστρέφει μια **απάντηση** — έναν status code συν HTML. Ο browser κάνει parse αυτό το HTML, ανακαλύπτει αναφορές σε CSS, JavaScript και εικόνες, τις κατεβάζει (συχνά παράλληλα), χτίζει το **DOM**, και ζωγραφίζει pixels στην οθόνη.

## Γιατί έχει σημασία

Αυτή είναι μία από τις πιο συχνές ερωτήσεις συνέντευξης ακριβώς επειδή αγγίζει κάθε επίπεδο του stack — DNS, TCP, TLS, HTTP και rendering — σε μία ιστορία. Μια δυνατή απάντηση δείχνει ότι κατανοείς πώς συνδέονται τα κομμάτια αντί να αποστηθίζεις κάποιο μεμονωμένο πρωτόκολλο. Ανοίγει επίσης την πόρτα σε βαθύτερα follow-ups: caching, επαναχρησιμοποίηση σύνδεσης, latency, και πού μπορούν να αστοχήσουν τα πράγματα, που είναι ακριβώς τα θέματα που έχουν σημασία όταν κάνεις debug μια αργή ή χαλασμένη σελίδα στο production.

Γιατί έχει σημασία

Σχετικές ερωτήσεις