[0편] 네트워크를 알아야 하는 이유 — 바이브코더 CS심화코스

개발자 90%가 같은 답을 하는 질문이 있다

개발자들에게 물어보세요.

“바이브코딩으로 만든 서비스로 사업화한다고 들었을 때, 가장 해주고 싶은 긍정적인 조언은?”

90%가 같은 답을 합니다.

“제발 네트워크, 자료구조, 보안 공부하세요.”

이 시리즈는 그 한 줄에 대한 정공법입니다.

컴퓨터공학을 정식으로 배운 적은 없지만 AI 도구로 이미 일하고 있는 사람이, 자기 일을 더 잘하기 위해 알아야 할 네트워크를 그 사람의 시점에서 다시 풀어 쓴 시리즈입니다.

이런 분께 추천

  • AI 도구로 앱을 만들 줄 알고, 사업화할 거다.
  • 자기 앱이 가끔 느리거나 안 들어가지는 경험을 했다. 이유를 알고 싶다.
  • “TCP”, “DNS”, “포트”, “방화벽”, “VPN” 같은 단어를 들어봤지만, 정확히 무엇인지 자신 있게 설명할 수는 없다.
  • AI가 짠 코드가 production에서 갑자기 안 돌아갈 때, 코드 문제인지 환경 문제인지 가르고 싶다.

매주 1~3편씩 업로드됩니다. 네트워크편(9편)으로 시작해, 시리즈 전체는 약 42편 · 약 131시간 · 단행본 환산 5권 분량으로 풀어갑니다.

본편이 시작하기 전에, 왜 우리가 인터넷 네트워크 차이라는 단어 두 개를 9편이나 들여 다시 봐야 하는지를 먼저 정리합니다. 1편부터 바로 읽으셔도 됩니다.

📖 5분 정독 · 바이브코더 CS심화코스 · 네트워크편 0/9 (전체 약 42편 예정)

이 글에서 배우는 것 3가지

  • ① AI로 앱을 만드는 사람이 네트워크를 한 번은 정공법으로 알아야 하는 이유
  • ② 9편 네트워크편이 어떤 순서로 인터넷 네트워크 차이부터 보안까지 풀어가는지
  • ③ 본편 1편으로 들어가기 전에 머리에 박아둘 5단 동심원이라는 좌표계

마이클 이야기 — 코드 바깥에 무엇이 있는지 한 번도 본 적 없는 사람

마이클은 AI 도구로 앱을 만드는 사람입니다. ChatGPT 와 Cursor 로 코드를 짜고, Vercel 과 Supabase 로 배포하고, 가끔은 OpenAI API 도 직접 호출합니다.

학교에서 컴퓨터공학을 정식으로 배운 적은 없습니다. 자바스크립트 기초 정도는 압니다. 그 이상은 그때그때 AI 에게 묻습니다.

마이클은 한 달 전에 자기가 만든 첫 앱을 배포했습니다. 친구들에게 링크를 보냈고, 몇 명이 들어와봤습니다. 그날 저녁 한 친구가 메시지를 보냈습니다.

“야, 너 만든 거 좀 느려.”

다른 친구는 이렇게 말했습니다.

“나 안 들어가져. 계속 로딩만 돼.”

마이클은 코드를 다시 봤습니다. Cursor 에 붙여넣고 ChatGPT 에게도 물어봤습니다. 코드는 멀쩡해 보였습니다. 자기 노트북에서는 잘 돌아갔습니다.

친구들 말을 듣고 다시 돌려봐도 자기 화면에서는 1초 만에 떴습니다. 어디가 문제인지 알 수 없었습니다.

마이클은 그날 밤 한 가지를 깨달았습니다.

💡 여기가 핵심

자기가 짠 코드 바깥에서 무슨 일이 일어나는지 한 번도 진지하게 생각해본 적이 없었다는 것.

코드가 자기 노트북에서 친구의 노트북까지 가는 동안, 그 사이에 무엇이 있는지를 한 번도 진지하게 생각해본 적이 없었습니다.

AI 가 코드를 알아서 짜주니까, 그 코드가 어떻게 작동하는지보다는 “되는지 안 되는지” 만 봤습니다. 됐을 때는 좋고, 안 됐을 때는 다시 AI 에게 물었습니다.

그런데 이번에는 AI 도 답을 못 줬습니다. 왜냐하면 문제가 코드 안에 없었기 때문입니다. 코드 바깥, 그러니까 마이클이 한 번도 본 적 없는 영역 어딘가에 있었기 때문입니다. 이 시리즈는 그 영역에 대한 이야기입니다.

이 시리즈가 누구를 위한 것인가

한 줄 요약: 컴퓨터공학을 정식으로 배운 적은 없지만 AI 도구로 이미 일하고 있는 사람이, 자기 일을 더 잘하기 위해 알아야 할 네트워크를 그 사람의 시점에서 다시 풀어 쓴 시리즈입니다.

이 시리즈는 그런 사람을 위해 쓰입니다. 즉:

  • AI 도구로 앱을 만들 줄은 안다. 하지만 자바스크립트 기초 외에는 정식으로 배운 적이 없다.
  • 자기 앱이 가끔 느리거나 안 들어가지는 경험을 했다. 이유를 알고 싶다.
  • “TCP”, “DNS”, “포트”, “방화벽”, “VPN” 같은 단어를 들어봤지만, 정확히 무엇인지 자신 있게 설명할 수는 없다.
  • AI 가 짠 코드가 production 에서 갑자기 안 돌아갈 때, 그게 코드 문제인지 환경 문제인지 가르고 싶다.
  • 회사에서 “서버 좀 만져봐” 라고 했을 때, ssh 명령어 한 줄에서 막히고 싶지 않다.

이 사람들이 컴퓨터공학과 학생이 아니라는 사실이 중요합니다. 이 시리즈는 학생용 교과서가 아닙니다. AI 도구로 이미 일하고 있는 사람 이 자기 일을 더 잘하기 위해 알아야 할 것을, 그 사람의 시점에서 다시 풀어 쓴 것입니다.

학교에서 가르치는 네트워크 수업과 다른 점이 있다면, 이 시리즈는 OSI 7계층의 각 층 이름을 외우게 하지 않습니다.

대신 “당신의 OpenAI 호출이 한 번 일어날 때 무엇이 어디에서 어떻게 움직이는가” 같은 질문을 답합니다. 학교 수업이 길을 외우게 한다면, 이 시리즈는 길을 보게 합니다.

왜 9편인가 — 단어 하나 뒤에 다섯 개의 단어가 줄지어 있어서

한 줄 요약: “IP 주소” 하나를 풀려면 사설/공인, NAT, 공유기, LAN, 그리고 인터넷 네트워크 차이까지 함께 풀려야 했습니다. 그래서 9편이 됐습니다.

처음에는 한 편으로 끝낼 생각이었습니다. “바이브코더가 알아야 할 네트워크 한 줄 정리” 같은 제목으로 5천 자쯤 쓰면 되겠다고 생각했습니다.

하지만 글을 쓰기 위해 먼저 네트워크라는 단어를 다시 공부하기 시작했을 때, 한 가지를 발견했습니다.

📌 발견한 것

모든 단어가 다른 단어 위에 서 있다는 것. 질문 하나마다 그 뒤에 다섯 개의 질문이 줄지어 있었습니다.

“IP 주소” 를 설명하려니 “사설 IP 와 공인 IP 의 차이” 가 먼저 풀려야 했습니다. 그걸 풀려니 “NAT” 이 무엇인지가 먼저 와야 했습니다.

NAT 을 풀려니 “공유기가 사실 무엇을 하는 기계인지” 가 먼저였습니다. 공유기를 풀려니 “LAN 이 무엇인지” 부터 시작해야 했습니다.

LAN 을 풀려니 “그러면 인터넷과 LAN 은 어떻게 다른가” 가 또 나왔습니다. 그것들을 다 풀지 않으면 첫 번째 질문도 제대로 답할 수 없었습니다.

그래서 9편이 됐습니다. 0편 (이 글) 과 본편 8편. 각 편이 한 권의 책의 한 챕터처럼 하나의 주제를 끝까지 따라갑니다.

네트워크편 9편 분배

다룰 주제
0편 시리즈 서문 — 왜 네트워크를 알아야 하는가 (이 글)
1편 인터넷 네트워크 차이 — 5단 동심원으로 본 인터넷의 정체
2편 IP 주소 — 32비트의 약속과 사설/공인의 진실
3편 공유기와 LAN — 와이파이 비번 입력 후 5초 동안 일어나는 일
4편 패킷·ISP·Tier — 인터넷이라는 거대한 우체국
5편 DNS — google.com 이 IP 가 되는 5단계
6편 VPN·SSH — 회사 서버를 집에서 안전하게 만지는 5가지 방법
7편 포트와 프로세스 — localhost:3000 한 줄에 들어 있는 모든 것
8편 해킹과 보안의 입문 — 공격 표면, 암호화, 그리고 내 서버는 뜨자마자 약탈된다

이 9편이 끝나면 자기 앱이 느릴 때 어느 동심원에서 느려졌는지 진단할 수 있게 됩니다. DevTools 의 Network 탭에서 보이는 모든 단계가 무슨 의미인지 읽을 수 있게 됩니다.

회사에서 “서버 만져봐” 라고 했을 때 ssh 명령어 한 줄을 자신 있게 칠 수 있게 됩니다.

이 9편은 더 큰 코스의 첫 트랙입니다 — CS심화코스 전체 지도

한 줄 요약: 네트워크편 9편은 약 33만 자. 그 위에 자료구조·보안·DB·OS·인프라·메타 트랙이 더 얹혀, 바이브코더 CS심화코스는 전체 약 42편 · 단행본 5권 분량으로 굴러갑니다.

이 9편 시리즈가 한 권의 책처럼 단단해 보일지 몰라도, 사실은 더 큰 코스의 첫 트랙입니다. AI 도구로 앱을 만드는 사람이 한 번은 부딪히는 영역이 네트워크 하나로 끝나지 않기 때문입니다.

자기 앱이 느릴 때, 자기 데이터가 사라질 때, 자기 서버가 뜨자마자 약탈될 때, 자기 코드가 production 에서만 안 돌아갈 때 — 그 각각이 별개의 트랙입니다.

그래서 이 코스는 다섯 권짜리 단행본 시리즈처럼 트랙으로 나뉩니다.

트랙 분량 학습 시간 대표 질문
네트워크편 (지금 이 시리즈) 9편 (서문+N1~N8) 35h 인터넷 네트워크 차이, 5단 동심원, IP·DNS·VPN·SSH·포트·보안 입문
자료구조·알고리즘편 9편 (D1~D9) 35h “이 코드 왜 느리지”의 자가진단. AI가 짠 코드를 읽고 의심할 수 있는 근육
보안편 5편 (S1~S5) 15h 내 .env 가 새는 12가지 경로, OAuth, JWT, 공격 표면. 한 번의 실수 = 사업 종료
SQL편 (신설) 5편 (Q1~Q5) 10h AI가 만든 SQL 을 읽고 의심할 수 있는 근육. 한국 검색량 매우 큰 별도 미니 코스로 발행 가치
DB편 6편 (B1~B6) 15h SQL 위에서 데이터 모델링·인덱스·트랜잭션·EXPLAIN. SQL/NoSQL/Oracle/MongoDB 어휘
OS·동시성편 4편 (O1~O4) 9h 이벤트 루프, async/await 실체, race condition. production 에서 반드시 만남
인프라·배포편 (신설) 4편 (I1~I4) 12h 호스팅·서버·도메인·Docker·SSH·AWS·.env·로그. “만든 것을 어떻게 돌리나”

합치면 총 42편 약 131시간 (100h → 109h(+OS) → 121h(+인프라) → 131h(+SQL 별도 트랙) 누적). 하루 2시간 × 약 60일 (약 9~10주) 또는 주말 집중형 4시간 × 30일이면 한 바퀴. 같은 결로 만들어지고 있는 LLM 이론 집중코스의 약 4배 분량입니다.

💡 발행 페이스

주 1~3편. 학습자의 학습 진도와 동기화해서 발행합니다. 학습이 닿지 않은 범위는 미리 풀지 않습니다 — 이게 이 시리즈가 다른 “정리 글” 과 다른 결입니다.

이 글을 첫 편으로 시작해, 트랙이 하나씩 끝날 때마다 그 트랙은 그대로 단행본 한 권의 골격이 됩니다. 0편(이 글)부터 마지막 외전까지 다 따라오시면, AI 도구로 앱을 만드는 사람의 시점에서 본 컴퓨터과학 한 바퀴를 같이 돌게 됩니다.

FROM 바이브코딩 태일러 · 매주 월요일
바빠도 5분이면 읽는
이번 주 AI 흐름
태일러가 고른 AI 뉴스 TOP 3 · 벤치마크 순위 · 급상승 키워드 · 판단 기준 보너스. 광고 없는 클린 미디어입니다.

무료로 받아보기 →

선착순 100명 영구 무료 · 언제든 해지

이 시리즈를 읽기 전에 — 머리에 박아둘 첫 그림

한 줄 요약: 본편 1편으로 들어가기 전에 5단 동심원이라는 그림을 머리에 박아두면 좋습니다. 시리즈 전체의 좌표계입니다.

내 노트북에서 OpenAI 의 서버까지 가는 길은 이렇게 생겼습니다.

[5] 데이터센터·클라우드 (AWS, Google, OpenAI)
   ┌─────────────────────────────────────┐
   │ [4] 글로벌 인터넷 (Tier-1 백본)     │
   │   ┌─────────────────────────────┐   │
   │   │ [3] ISP (KT, SKT, LGU+)     │   │
   │   │   ┌─────────────────────┐   │   │
   │   │   │ [2] 가정·사무실 LAN │   │   │
   │   │   │   ┌─────────────┐   │   │   │
   │   │   │   │ [1] 디바이스│   │   │   │
   │   │   │   │  노트북·폰 │   │   │   │
   │   │   │   └─────────────┘   │   │   │
   │   │   └─────────────────────┘   │   │
   │   └─────────────────────────────┘   │
   └─────────────────────────────────────┘

한 번의 OpenAI 호출은 이 동심원 5겹을 안쪽에서 바깥쪽으로 한 칸씩 뚫고 나갑니다. 그리고 응답이 다시 바깥에서 안쪽으로 한 칸씩 들어옵니다. 한 번의 호출에 10번의 경계 통과.

이 5단 동심원이 시리즈의 좌표계입니다. 앞으로 모든 학습은 “지금 어느 동심원의 얘기인가” 로 위치를 찍게 됩니다.

IP 주소도, 공유기도, ISP 도, DNS 도, VPN 도, 포트도, 보안도 — 다 이 5층 어딘가에서 작동합니다.

이 시리즈를 어떻게 읽으면 좋은가

1) 1편부터 순서대로 읽기를 권장

각 편이 앞 편의 단어를 전제로 합니다. 5편 (DNS) 을 먼저 읽으면 “동심원” 이라는 단어가 무엇인지 모를 가능성이 큽니다. 1편부터 순서대로 읽으면 단어가 자연스럽게 누적됩니다.

2) 한 편을 한 자리에서 다 읽으려고 하지 않기

각 편은 1만 자에서 5만 자입니다. 단행본 한 챕터 분량입니다. 한 편을 한 시간 만에 끝내려고 하면 머리에 안 남습니다.

한 편을 2~3번에 나눠 읽고, 각 절(소제목) 사이에 잠깐 멈춰서 자기 머릿속에 그림이 그려졌는지 확인하면 좋습니다.

3) 의문이 생기면 미루지 말기

⚠️ 주의할 점

읽다가 막힌 자리를 그냥 넘어가면, 두세 단원 후에 그 단어가 다시 나올 때 더 막힙니다. 떠오르는 의문은 다른 독자도 똑같이 막히는 자리라고 봅니다. 그 자리에서 멈추는 걸 권장합니다.

이 시리즈를 읽는 동안 떠오르는 모든 의문은 다른 독자도 똑같이 막히는 자리라고 봅니다. 그래서 이 시리즈는 그런 작은 의문들도 큐레이션 없이 다 다룹니다.

핵심 3가지 정리

  1. 인터넷 네트워크 차이는 디버깅의 첫 분기점이다 — “내 LAN 이 죽었다” 와 “외부 인터넷이 끊겼다” 는 같은 “안 돼” 가 아니다.
  2. 이 9편은 더 큰 코스의 첫 트랙이다 — 네트워크편(9편) 뒤에 자료구조·보안·DB·OS·인프라·메타가 이어져, 바이브코더 CS심화코스 전체는 약 30편(단행본 5권 분량) 규모로 굴러간다.
  3. 5단 동심원이 시리즈 전체의 좌표계다 — 본편의 모든 단어는 [1] 디바이스 → [5] 클라우드 어딘가에서 작동한다. 이 그림을 머리에 박아두는 것만으로 본편이 절반 이해된다.

0편을 마치며

이 시리즈가 끝났을 때 한 가지가 달라져 있을 겁니다. 자기 앱이 느려지거나 안 들어가질 때, 처음 떠오르는 질문이 “코드가 뭐가 잘못됐지” 가 아니게 됩니다.

대신 “이게 어느 동심원의 문제일까” 라는 질문이 먼저 떠오릅니다. 그 한 줄의 질문이 디버깅 사고방식 자체를 바꿉니다.

코드 안에서만 답을 찾던 사람이 코드 밖까지 보게 되는 것. 그게 이 시리즈가 9편을 들여 하려는 일입니다. 다음 편에서 인터넷이라는 단어부터 다시 시작하겠습니다.

FAQ

Q1. 자바스크립트 기초밖에 없어도 따라갈 수 있나요?

네. 이 시리즈는 컴퓨터공학과 학생을 전제로 쓰지 않습니다. AI 도구로 앱을 이미 만들고 있는 사람이 그 일을 더 잘하기 위해 필요한 만큼만 풀어갑니다. OSI 7계층의 각 층 이름을 외우게 하지 않습니다.

Q2. 왜 인터넷 네트워크 차이가 첫 단원인가요?

이 두 단어를 같은 뜻으로 쓰면 디버깅의 첫 분기점이 안 잡히기 때문입니다. “인터넷이 안 돼” 가 사실은 “내 LAN 이 죽었다” 와 “외부 인터넷이 끊겼다” 두 가지로 나뉜다는 걸 모르면, 진단도 해결도 둘 다 막힙니다.

본편 1편은 이 분기점을 잡는 데 통째로 쓰입니다.

Q3. 9편 다 읽으면 네트워크 엔지니어가 되나요?

아니요. 이건 읽는 지도만드는 지도가 아닙니다. 다 읽으시면 자기 앱의 디버깅 사고방식이 바뀝니다. 코드 바깥에서 일어나는 일을 자기 말로 설명할 수 있게 됩니다.

네트워크 장비를 만지거나 ISP 를 운영하는 일은 별도의 트랙입니다.

다음 편

👉 1편 — 인터넷이라는 단어부터: 인터넷 네트워크 차이를 5단 동심원으로 본다 (곧 발행)

ソースリスト

  • 바이브코더 CS심화코스 카테고리 — 본 시리즈 9편 전체
  • RFC 791 — Internet Protocol (1981)
  • Tanenbaum, Wetherall, “Computer Networks” (5th ed.)
  • Cloudflare Learning Center — What is the Internet?
  • mathbullet (YouTube) / 조코딩 (YouTube) / 3Blue1Brown — 쉬운 설명 레퍼런스

著者: 바이브코딩 태일러 (VibeCoding Tailor) — 고려대학교 신소재공학 전공. AI·바이브코딩 전문 미디어 shuntailor.net 운영. 본 시리즈 “바이브코더 CS심화코스” 9편은 위키 자료와 공식 문서·교과서를 근거로 정리한 체계적 학습 커리큘럼입니다.

바이브코딩 태일러
바이브코딩 태일러
AI의 작동 원리와 비즈니스 적용을 일본어·한국어로 기록합니다. 매주 월요일 뉴스레터 발행 중.
뉴스레터 구독하기 →

댓글

JAKO