HTTP
브라우저와 서버가 요청과 응답을 주고받는 웹의 기본 통신 규칙이다. 사용자가 주소를 열면 브라우저가 HTTP 요청을 보내고, 서버는 HTML, JSON, 이미지 같은 응답을 돌려준다. 상태 코드 200, 404, 500과 GET, POST 같은 메서드는 웹 앱 디버깅의 가장 기본 언어이므로 바이브 코딩 초보자도 반드시 익혀야 한다.
예시
Q&A 목록을 열 때 브라우저가 GET /qna 요청을 보내고, 질문을 등록할 때는 POST 요청으로 데이터를 전송한다.
카테고리
백엔드·인프라
난이도
basic
태그
HTTP · 웹기초
함께 읽기
연관 용어
프론트엔드·UI
HTML
웹 페이지의 뼈대를 만드는 마크업 언어이다. 제목, 문단, 링크, 이미지, 입력 폼처럼 화면에 놓일 콘텐츠의 의미와 구조를 태그로 표현한다. 바이브 코딩에서 AI에게 웹 화면을 만들게 할 때도 HTML 구조가 먼저 잡혀야 CSS 스타일과 JavaScript 동작이 안정적으로 붙는다. 초보자는 HTML을 '웹 페이지의 골격'으로 이해하면 좋다.
프론트엔드·UI
CSS
HTML로 만든 구조에 색상, 간격, 글꼴, 배치, 반응형 디자인을 입히는 스타일 언어이다. HTML이 집의 뼈대라면 CSS는 인테리어와 레이아웃에 해당한다. 바이브 코딩에서는 AI가 화면을 예쁘게 만들 때 CSS나 Tailwind CSS 클래스를 생성하는 경우가 많으므로, 어떤 속성이 화면을 바꾸는지 기본 감각을 갖추면 결과를 더 쉽게 검토할 수 있다.
백엔드·인프라
URL
웹에서 특정 페이지나 리소스의 위치를 나타내는 주소이다. 도메인, 경로, 쿼리 문자열 같은 부분으로 구성되며, 같은 앱 안에서도 /qna, /hermes, /vibe-dictionary처럼 경로에 따라 다른 화면이 열린다. AI에게 라우팅이나 링크 수정을 요청할 때 URL 구조를 이해하면 깨진 링크와 잘못된 리다이렉트를 더 빨리 찾을 수 있다.