JSON
JSON은 웹 API에서 데이터를 주고받을 때 가장 흔히 쓰는 가벼운 텍스트 형식이다. 객체와 배열, 문자열, 숫자, 불리언, null처럼 단순한 구조로 요청과 응답의 모양을 표현하므로 프론트엔드와 서버가 같은 데이터 계약을 공유하기 쉽다. 바이브 코딩에서는 AI가 만든 API가 성공 응답과 오류 응답을 서로 다른 모양으로 돌려주지 않도록 JSON 예시를 먼저 정해야 한다. 초보자는 JSON을 '서버와 브라우저가 함께 읽는 데이터 양식'으로 이해하고, 필드 이름·필수값·빈 값 처리를 테스트와 함께 검증하면 된다.
영어 표기
JSON (JavaScript Object Notation)
예시
회원가입 API를 만들 때 요청 JSON은 { email, password }로, 성공 응답 JSON은 { userId, status }로, 오류 응답 JSON은 { error }로 정한다. 이렇게 예시를 준 뒤 AI에게 서버 검증과 프론트엔드 에러 표시를 함께 만들게 하면 요청·응답 불일치를 줄일 수 있다.
참고
JSON은 JavaScript에서 출발했지만 현재는 언어와 플랫폼을 가리지 않는 표준 데이터 교환 형식으로 쓰인다.
카테고리
백엔드·인프라
난이도
basic
태그
JSON · API
함께 읽기
연관 용어
백엔드·인프라
HTTP
영어 표기 HTTP (Hypertext Transfer Protocol)
브라우저와 서버가 요청과 응답을 주고받는 웹의 기본 통신 규칙이다. 사용자가 주소를 열면 브라우저가 HTTP 요청을 보내고, 서버는 HTML, JSON, 이미지 같은 응답을 돌려준다. 상태 코드 200, 404, 500과 GET, POST 같은 메서드는 웹 앱 디버깅의 가장 기본 언어이므로 바이브 코딩 초보자도 반드시 익혀야 한다.
백엔드·인프라
URL
영어 표기 URL (Uniform Resource Locator)
웹에서 특정 페이지나 리소스의 위치를 나타내는 주소이다. 도메인, 경로, 쿼리 문자열 같은 부분으로 구성되며, 같은 앱 안에서도 /qna, /hermes, /vibe-dictionary처럼 경로에 따라 다른 화면이 열린다. AI에게 라우팅이나 링크 수정을 요청할 때 URL 구조를 이해하면 깨진 링크와 잘못된 리다이렉트를 더 빨리 찾을 수 있다.
보안·인증
교차 출처 리소스 공유
영어 표기 CORS (Cross-Origin Resource Sharing)
브라우저가 한 출처의 웹 페이지에서 다른 출처의 API를 호출할 때 적용하는 보안 규칙이다. 프론트엔드와 백엔드 도메인이 다르면 서버가 어떤 출처를 허용하는지 응답 헤더로 알려줘야 한다. 바이브 코딩 초보자가 '브라우저에서는 막히는데 터미널 curl은 된다'는 상황을 만날 때 CORS가 원인인 경우가 많다.