VIBECODING 365 / DICTIONARY
REST API
DEFINITION
웹의 기본 규칙인 HTTP를 사용해 자원을 주소로 표현하고, GET·POST·PUT·DELETE 같은 메서드로 조회·생성·수정·삭제를 나누는 API 설계 방식이다. 초보자는 REST API를 '데이터를 다루는 웹 주소들의 약속'으로 이해하면 좋다. 바이브 코딩에서 AI에게 REST API를 만들게 할 때는 자원 이름을 복수형으로 정하고, 목록·상세·생성·수정·삭제 엔드포인트를 표로 정리한 뒤 구현하게 하면 프론트엔드와 백엔드가 같은 계약을 바라보게 된다.
ENGLISH
REST API
EXAMPLE
할 일 앱에서는 GET /api/todos로 목록을 읽고, POST /api/todos로 새 할 일을 만들고, DELETE /api/todos/:id로 삭제하는 REST API 계약을 먼저 정한 뒤 AI에게 구현과 테스트를 요청한다.
NEXT STEP
RELATED TERMS
HTTP (Hypertext Transfer Protocol)
브라우저와 서버가 요청과 응답을 주고받는 웹의 기본 통신 규칙이다. 사용자가 주소를 열면 브라우저가 HTTP 요청을 보내고, 서버는 HTML, JSON, 이미지 같은 응답을 돌려준다. 상태 코드 200, 404, 500과 GET, POST 같은 메서드는 웹 앱 디버깅의 가장 기본 언어이므로 바이브 코딩 초보자도 반드시 익혀야 한다.
백엔드·인프라 URLURL (Uniform Resource Locator)
웹에서 특정 페이지나 리소스의 위치를 나타내는 주소이다. 도메인, 경로, 쿼리 문자열 같은 부분으로 구성되며, 같은 앱 안에서도 /qna, /hermes, /vibe-dictionary처럼 경로에 따라 다른 화면이 열린다. AI에게 라우팅이나 링크 수정을 요청할 때 URL 구조를 이해하면 깨진 링크와 잘못된 리다이렉트를 더 빨리 찾을 수 있다.
보안·인증 교차 출처 리소스 공유CORS (Cross-Origin Resource Sharing)
브라우저가 한 출처의 웹 페이지에서 다른 출처의 API를 호출할 때 적용하는 보안 규칙이다. 프론트엔드와 백엔드 도메인이 다르면 서버가 어떤 출처를 허용하는지 응답 헤더로 알려줘야 한다. 바이브 코딩 초보자가 '브라우저에서는 막히는데 터미널 curl은 된다'는 상황을 만날 때 CORS가 원인인 경우가 많다.
NEXT STEP / PRACTICE