큐
큐는 시간이 오래 걸리거나 실패 가능성이 있는 작업을 바로 처리하지 않고 순서대로 쌓아 두었다가 작업자가 꺼내 처리하게 하는 비동기 처리 구조다. 이메일 발송, 이미지 변환, 결제 후 정산, AI 답변 생성처럼 사용자를 기다리게 하면 안 되는 서버 작업에 자주 쓰인다. 바이브 코딩에서는 AI에게 '버튼 클릭 즉시 모든 일을 끝내는 코드'를 만들게 하기보다 요청 저장, 큐 등록, 워커 처리, 재시도, 실패 기록을 분리하도록 지시하면 장애를 작게 만들 수 있다.
영어 표기
Queue
예시
사용자가 질문을 제출하면 API는 질문을 저장하고 큐에 answer_question 작업을 넣은 뒤 즉시 접수 응답을 준다. 별도 워커가 큐에서 작업을 꺼내 AI 답변을 생성하고, 실패하면 재시도 횟수와 오류 상태를 기록해 운영자가 원인을 검증할 수 있게 한다.
참고
큐 자체는 개념이고, SQS, BullMQ, Cloudflare Queues, RabbitMQ 같은 구현체를 상황에 맞게 선택한다.
카테고리
백엔드·인프라
난이도
basic
태그
큐 · 비동기
함께 읽기
연관 용어
백엔드·인프라
HTTP
영어 표기 HTTP (Hypertext Transfer Protocol)
브라우저와 서버가 요청과 응답을 주고받는 웹의 기본 통신 규칙이다. 사용자가 주소를 열면 브라우저가 HTTP 요청을 보내고, 서버는 HTML, JSON, 이미지 같은 응답을 돌려준다. 상태 코드 200, 404, 500과 GET, POST 같은 메서드는 웹 앱 디버깅의 가장 기본 언어이므로 바이브 코딩 초보자도 반드시 익혀야 한다.
백엔드·인프라
URL
영어 표기 URL (Uniform Resource Locator)
웹에서 특정 페이지나 리소스의 위치를 나타내는 주소이다. 도메인, 경로, 쿼리 문자열 같은 부분으로 구성되며, 같은 앱 안에서도 /qna, /hermes, /vibe-dictionary처럼 경로에 따라 다른 화면이 열린다. AI에게 라우팅이나 링크 수정을 요청할 때 URL 구조를 이해하면 깨진 링크와 잘못된 리다이렉트를 더 빨리 찾을 수 있다.
프론트엔드·UI
비동기/어웨이트
영어 표기 Async/Await
서버 요청, 파일 읽기, 타이머처럼 결과가 바로 오지 않는 작업을 순서대로 읽히는 코드처럼 작성하게 해 주는 JavaScript 문법이다. async 함수 안에서 await를 사용하면 Promise가 끝날 때까지 다음 줄 실행을 기다린다. 바이브 코딩 초보자는 '데이터가 아직 오기 전에 화면이 먼저 그려지는 문제'를 자주 만나는데, async/await를 이해하면 로딩 상태, 에러 처리, 재시도 흐름을 더 안전하게 설계할 수 있다. 단, await는 실패할 수 있으므로 try/catch나 에러 UI와 함께 써야 한다.