> ## Documentation Index
> Fetch the complete documentation index at: https://blog.nvim.me/llms.txt
> Use this file to discover all available pages before exploring further.

# 네트워크 글은 이제 어디부터 읽으면 좋을까요?

> 이 네트워크 글들이 무엇을 이해하게 도와주는지, 그리고 지금 어디서 시작하면 좋을지 짧고 분명하게 안내하는 페이지예요.

> 인터넷은 그냥 되는 것처럼 보이죠? **사실은 그 뒤에서 왜 그렇게 되는지 읽어낼 수 있는 장면이 꽤 많아요.**

브라우저에서 주소를 치면 왜 어떤 날은 바로 열리고,
어떤 날은 DNS에서 막히고,
어떤 날은 연결은 됐는데 TLS나 캐시, 프록시 쪽에서 시간이 쓰일까요?

이 네트워크 글들은 바로 그 흐름을 **조각 이름 암기**가 아니라,
**"인터넷이 어떻게 움직이고, 왜 저기서 문제가 생기는지"** 로 이해하게 도와주려고 모여 있어요.

그리고 읽는 길은 지금은 두 갈래로 보면 돼요.
처음엔 큰 그림을 차근차근 만들고,
그다음엔 필요한 장면을 더 깊게 다시 열어보는 식이죠.

`iptime` 같은 실습 레인은 나중에 실제 글이 더 준비되면,
그때 별도 입구로 자연스럽게 붙여둘게요.

***

## 그래서, 지금은 어느 쪽이 더 필요하세요?

* **아직 네트워크가 낯설고, 흐름부터 잡고 싶어요**
  → [기본편 읽기 가이드](/network/basic)로 들어가면 좋아요.
  패킷, 주소, 포트, DNS, HTTP, TLS 같은 조각을 먼저 친숙하게 연결하고,
  나중엔 요청 하나가 어디를 지나가는지까지 한 흐름으로 묶어줘요.
* **큰 그림은 있는데, 이제 특정 장면을 더 정확하게 읽고 싶어요**
  → [심화편 입구](/network/deep-dive)로 들어오면 돼요.
  기본편에서 큰 흐름을 한 번 잡아둔 뒤에,
  패킷 캡처, 브라우저 타이밍, 캐시 헤더, 프록시 앞단, 장애 장면처럼
  실제로 "어디를 보면 되는지" 를 더 깊게 열어봐요.

<Tip title="이렇게 읽으면 제일 덜 헷갈려요">
  - 처음이라면 [기본편 읽기 가이드](/network/basic)부터 시작하는 쪽이 가장 자연스러워요.
  - 이미 큰 흐름이 머릿속에 있다면 [심화편 입구](/network/deep-dive)에서 필요한 장면부터 골라 들어와도 괜찮아요.
</Tip>

***

## 이 네트워크 글들은 어떤 감각을 만들고 싶을까요?

핵심은 **"인터넷이 그냥 된다"** 에서 멈추지 않는 거예요.

* 데이터가 왜 잘게 나뉘어 움직이는지
* 그 조각이 주소를 보고 어떻게 길을 찾는지
* 브라우저와 서버가 연결을 맺고 보호된 통로를 만드는 과정이 어떤 순서인지
* 프록시, 캐시, 오리진 앞에서 어디서 시간이 쓰이고 어디서 막히는지
* 패킷 캡처나 브라우저 waterfall 같은 화면에서 뭘 읽어야 하는지

이런 질문들에 하나씩 답을 붙이다 보면,
나중엔 웹이 느릴 때도 "그냥 느리네" 가 아니라
**"지금은 DNS 쪽인지, 연결 쪽인지, 서버 앞단인지"** 를 훨씬 또렷하게 의심할 수 있게 돼요.

```mermaid theme={null}
flowchart LR
    A[기본편<br /><small>개념을 친숙하게 연결</small>]
    B[큰 그림 완성<br /><small>요청 하나의 흐름 읽기</small>]
    C[심화편<br /><small>캡처, 타이밍, 헤더, 장애 장면 확대</small>]

    A --> B --> C
```

그러니까 기본편은 **지도를 만드는 길**이고,
심화편은 그 지도 위에서 **특정 장면을 확대해서 다시 읽는 길**이라고 보면 딱 맞아요.

***

즉, 여기서는 단순히 용어를 늘어놓기보다,
**쉬운 비유로 감을 만들고 → 전체 흐름으로 묶고 → 실제 장면으로 다시 번역하는 방향**을 계속 가져가려고 해요.

처음 감각이 궁금하다면 [패킷이 왜 필요한지](/network/basic/01-what-is-packet)부터 가볍게 들어가볼 수 있고,
지금 내 위치에 맞는 전체 입구를 보고 싶다면 [기본편 읽기 가이드](/network/basic)와 [심화편 입구](/network/deep-dive)에서 이어서 고르면 돼요.

***

## 자, 정리해볼까요?

<Info title="이 페이지는 이렇게 보면 돼요">
  * 이 네트워크 글들은 **인터넷이 왜 그렇게 움직이는지** 를 큰 흐름으로 이해하게 도와줘요.
  * 처음이라면 [기본편 읽기 가이드](/network/basic)에서 차근차근 지도를 만들면 돼요.
  * 이미 큰 그림이 있다면 [심화편 입구](/network/deep-dive)에서 장면을 더 깊게 읽어보면 돼요.
</Info>

그럼, 어디부터 읽어볼까요?

<a href="/network/basic">기본편부터 보기</a>
<a href="/network/deep-dive">심화편으로 들어가기</a>