Ch.7 코드가 돌아가는 원리
API — 프로그램끼리 대화하는 법
프론트엔드가 백엔드에게 '데이터 줘'라고 하는 방법이 있습니다
AI로 프론트엔드와 백엔드를 만들었습니다. 각각은 잘 돌아가는데, 프론트에서 백엔드 데이터를 가져오려면 '대화 규칙'이 필요합니다. 이 규칙이 바로 API입니다.
프로그램끼리는 사람처럼 자유롭게 소통할 수 없습니다. 정해진 형식과 규칙에 따라 요청하고 응답해야 합니다.
API와 HTTP를 이해하면 프론트엔드와 백엔드를 연결하고, 에러가 나도 원인을 빠르게 파악할 수 있습니다.
핵심 내용
API = Application Programming Interface. 프로그램 사이의 '대화 규칙'입니다.
비유: 레스토랑에서 손님(프론트엔드)이 직접 주방(백엔드)에 들어가지 않습니다. 웨이터(API)를 통해 주문(요청)하고, 음식(응답)을 받습니다. 메뉴판에 없는 것은 주문할 수 없듯, API에 정의되지 않은 것은 요청할 수 없습니다.
API = 프로그램 사이의 웨이터
HTTP 요청에는 4가지 기본 방법이 있습니다
URL + 메서드 = API 엔드포인트 예: GET /api/users = 사용자 목록 조회 예: POST /api/users = 새 사용자 생성 예: DELETE /api/users/123 = 123번 사용자 삭제 같은 URL이라도 메서드에 따라 동작이 달라집니다.
바이브코더 팁 AI가 만든 API에서 에러가 나면, 상태코드로 원인을 빠르게 파악하세요. 400번대 = 내 잘못(요청이 잘못됨), 500번대 = 서버 잘못(백엔드 코드 버그). 이것만 알아도 디버깅 시간이 절반으로 줄어듭니다.
새 데이터를 생성할 때 사용하는 HTTP 메서드는?
HTTP 404 에러는 서버 코드의 버그 때문에 발생한다
API 기초 이해 완료
핵심 용어
GET
데이터 가져오기 — 레스토랑에서 메뉴 보기
POST
새 데이터 생성 — 레스토랑에서 주문하기
PUT / PATCH
데이터 수정 — 주문 변경하기
DELETE
데이터 삭제 — 주문 취소하기
200
성공 — 음식이 나왔습니다
400
잘못된 요청 — 메뉴에 없는 걸 주문했습니다
401
인증 필요 — 회원만 입장 가능합니다
404
찾을 수 없음 — 품절입니다
500
서버 에러 — 주방에서 화재가 났습니다
핵심 정리
- 1API = 프로그램 사이의 웨이터 — 정해진 규칙으로 요청하고 응답받음
- 2HTTP 메서드: GET(조회), POST(생성), PUT/PATCH(수정), DELETE(삭제)
- 3상태코드: 400번대 = 요청 오류, 500번대 = 서버 오류
퀴즈와 인터랙션으로 더 깊이 학습하세요
play_circle인터랙티브 레슨 시작