HTTP — 컴퓨터끼리 대화하는 법
웹의 요청 / 응답 프로토콜
⏱ 예상 ~4분
01 · 읽기
브라우저 (client) 가 서버와 대화할 때, 둘은 HTTP (HyperText Transfer Protocol, 하이퍼텍스트 전송 프로토콜) 라는 프로토콜을 써요. 그냥 간단한 주고받기 대화예요.
1. 브라우저가 요청 (request) 을 보내요: "이 페이지 주세요" 또는 "여기 저장할 데이터가 있어요" 2. 서버가 응답 (response) 을 돌려보내요: "페이지 여기 있어요", "받았어요, 저장해 뒀어요", 또는 "미안하지만 찾을 수 없어요"
웹 위의 모든 상호작용이 이 패턴이에요. 페이지를 불러올 때마다, 폼을 보낼 때마다, 이미지가 떠오를 때마다 — 전부 HTTP request 와 response 가 오가는 거예요.
💡 상상해 봐요HTTP 는 편지를 주고받는 것과 같아요. 편지 한 통 (request) 을 써서 동작을 명확히 적어요 — "카탈로그를 보내주세요" 또는 "주문서를 보냅니다". 회사가 답장 (response) 을 써서 원하는 것을 돌려보내거나, 도와줄 수 없다는 쪽지를 동봉해요. 모든 편지에는 양쪽이 알아볼 수 있는 정해진 형식이 있어요.
핵심 정리
- HTTP = HyperText Transfer Protocol, 웹의 공용어예요
- 모든 웹 상호작용은 client 의 request 와 서버의 response 로 이뤄져요
- Request 에는 method 가 들어 있어 무엇을 하고 싶은지 알려줘요
- Response 에는 status code (상태 코드) 가 들어 있어 무슨 일이 있었는지 알려줘요
02 · 코드 예제
HTTP 는 동작마다 다른 method 를 써요. 아래는 가장 자주 쓰이는 네 가지예요.
GET — 데이터 읽기
GET /api/users
"Give me the list of users."
Used when: loading a page, viewing a profile, searching
POST — 데이터 추가
POST /api/users
"Here's a new user to add."
Used when: signing up, submitting a form, posting a comment
PUT — 데이터 업데이트
PUT /api/users/42
"Update user #42 with this new info."
Used when: editing your profile, changing settings
DELETE — 데이터 삭제
DELETE /api/users/42
"Remove user #42."
Used when: deleting your account, removing a post
CRUD 로 생각하세요: Create (POST), Read (GET), Update (PUT), Delete (DELETE). 이 네 가지 동작이 웹에서 하는 거의 모든 일을 덮어요.
03 · 짝짓기
각 HTTP status code 를 그 뜻과 짝지어 보세요. 아마 전에 본 것들도 있을 거예요!
(이 섹션은 인터랙티브해요 — JavaScript를 켜 주세요.)
04 · 퀴즈
웹사이트에서 가입 폼을 제출할 때, 브라우저는 어떤 HTTP method 를 쓸 가능성이 가장 높을까요?
⚠ 전체 인터랙티브 경험에는 JavaScript가 필요해요. JavaScript를 켜고 새로 고침해 주세요.
※ 이 사이트는 독립 운영되는 교육 프로젝트로, Anthropic의 공식 제품이 아니에요. Claude™ 는 Anthropic, PBC 의 상표예요.