Post

네트워크 기초 EP.10 — HTTP, 웹이 대화하는 법

식당 주문서처럼 요청하고 접시처럼 응답하는 HTTP. 요청과 응답, GET과 POST, 상태 코드 200·404·500을 따라가는 약 2분 강의와 정리.

네트워크 기초 EP.10 — HTTP, 웹이 대화하는 법

HTTP는 웹의 주문서 약속입니다. 브라우저가 요청하면 서버가 응답하고, 응답에는 200, 404 같은 상태 코드가 붙습니다. 이번 편은 연결이 열린 뒤 브라우저와 웹 서버가 실제로 무슨 말을 주고받는지를 식당 주문에 빗대어 봅니다. 약 2분, 4개 챕터의 3D 강의예요.

소리를 켜고 보세요. 약 2분짜리 영상입니다.

강의 보기

📺 Peanut Radio AI 유튜브 채널에서 보기: 채널 · 네트워크 기초 재생목록 — 구독하면 새 강의를 먼저 받아 볼 수 있어요.

오늘의 질문

연결이 열렸으면, 브라우저와 웹 서버는 무슨 말로 대화할까요?

지난 편에서는 TCP가 연결을 맺고 끊는 전화 예절을 배웠습니다. 전화가 연결됐으니 이제 용건을 말할 차례입니다. 웹에서 그 용건을 말하는 방식이 HTTP예요.

챕터내용
1. 식당 주문서로 생각해 봐요주문서 한 장에 접시 하나
2. 웹의 주문서: 요청과 응답브라우저는 요청, 서버는 응답
3. 주문의 종류: GET과 POST“보여 주세요”와 “받아 주세요”
4. 응답의 번호표: 상태 코드200 · 404 · 500

1. 식당 주문서로 생각해 봐요

식당에서는 주문서에 먹고 싶은 걸 적어서 주방에 건넵니다. 주방은 주문서를 보고 음식을 만들어서 접시에 담아 내보내죠. 주문서 한 장에 접시 하나. 묻고, 답하고. 아주 단순합니다.

2. 웹의 주문서: 요청과 응답

웹도 똑같습니다. 브라우저가 웹 서버에게 주문서를 보내는데, 이걸 요청(Request)이라고 합니다. 웹 서버는 웹페이지를 접시에 담아 돌려주고, 이게 응답(Response)입니다.

이 주문서를 쓰는 약속이 바로 HTTP입니다. 2편에서 본 프로토콜 중 하나죠. 정해진 형식으로 적어야 주방이 알아듣는 것처럼, 브라우저와 서버도 HTTP라는 형식에 맞춰 말해야 서로 알아듣습니다.

① 주문서 한 장, 접시 하나 브라우저 손님 웹 서버 주방 요청: GET /index.html 응답: 200 + 웹페이지 접시 말을 먼저 거는 쪽은 언제나 브라우저
웹은 손님이 주문해야 접시가 나오는 구조다 — 서버가 먼저 페이지를 보내 주지 않는다.

3. 주문의 종류: GET과 POST

주문서에도 종류가 있습니다. 가장 많이 쓰는 건 GET과 POST예요.

  • GET — “보여 주세요.” 웹페이지나 사진을 가져올 때 씁니다.
  • POST — “이거 받아 주세요.” 로그인하거나 글을 올릴 때처럼, 내 쪽에서 내용을 보낼 때 씁니다.

주소창에 주소를 치고 엔터를 누르는 건 GET, 로그인 버튼을 누르는 건 대개 POST라고 생각하면 쉽습니다.

4. 응답의 번호표: 상태 코드

응답에는 번호표가 붙어 옵니다. 이걸 상태 코드라고 해요.

② 접시에 붙는 번호표 200 잘 나왔어요 주문한 페이지 도착 404 그런 메뉴는 없어요 없는 주소를 찾음 500 주방에 문제가 생겼어요 서버 쪽에 탈이 남
번호 하나만 봐도 문제가 손님 쪽 주문인지, 주방 쪽 사정인지 가를 수 있다.
  • 200 — 잘 나왔어요. 주문한 페이지가 무사히 왔다는 뜻입니다.
  • 404 — 그런 메뉴는 없어요. 없는 주소를 찾았을 때 자주 보죠.
  • 500 — 주방에 문제가 생겼어요. 서버 쪽에 탈이 났다는 뜻입니다.

한 줄 정리

HTTP는 웹의 주문서 약속. 요청 보내고 응답 받기, 응답에는 200 · 404 · 500 같은 번호표.

퀴즈

  1. 웹페이지를 가져올 때 쓰는 주문은? (GET / POST)
  2. 없는 주소를 찾으면 나오는 번호는? (200 / 404)
정답 보기
  1. GET — GET은 “보여 주세요”, POST는 “받아 주세요”예요.
  2. 404 — “그런 메뉴는 없어요”라는 뜻이에요.

집에서 해보기: 웹페이지의 주문서 직접 보기

크롬이나 엣지에서 개발자 도구를 열고 Network 탭을 연 다음 새로고침해 보세요.

1
2
3
4
5
# Windows (크롬 · 엣지)
F12 → Network 탭 → 새로고침

# Mac (크롬)
Cmd + Option + I → Network 탭 → 새로고침

페이지 하나를 여는 데 주문서가 수십 장 오가는 게 보입니다. Status 칸이 상태 코드예요. 200이 아닌 번호가 섞여 있는지도 찾아보세요.

실무에서 달라지는 점

  • API도 결국 HTTP다. Microsoft Graph나 Azure REST API를 호출하는 것도 GET·POST 주문서를 보내는 일입니다. Power Automate나 Copilot Studio에서 HTTP 액션을 쓸 때 메서드 칸에 무엇을 고를지가 이번 편 내용 그대로예요.
  • 4xx와 5xx를 나눠 보면 원인 찾기가 빨라진다. 400번대는 요청하는 쪽, 500번대는 서버 쪽 문제로 보는 게 출발점입니다. 권한이 없을 때 나오는 401·403도 같은 400번대예요.
  • Network 탭은 현업 진단 도구다. 사용자가 “페이지가 안 떠요”라고 할 때 F12의 Network 탭 캡처를 받으면 어느 요청이 몇 번 코드로 실패했는지 바로 보입니다.

시리즈 다른 편

This post is licensed under CC BY 4.0 by the author.