VibeCoding 365 바이브 코딩 사전
디바운스
영어 표기
Debounce
예시
검색어 입력 필드에서 사용자가 한 글자씩 칠 때마다 API를 호출하지 않고 300ms 동안 추가 입력이 없을 때만 검색을 실행하도록 AI에게 지시한다. 이후 브라우저 네트워크 탭에서 빠른 입력 중 호출이 폭주하지 않는지, 마지막 검색어만 결과로 남는지 검증한다.
디바운스는 사용자가 입력하거나 클릭할 때마다 바로 코드를 실행하지 않고, 마지막 동작이 끝난 뒤 짧은 대기 시간이 지나면 한 번만 실행하는 UI 제어 방식이다. 검색창 자동완성, 저장 버튼, 창 크기 변경처럼 이벤트가 빠르게 반복되는 화면에서 AI가 만든 코드가 요청을 과도하게 보내거나 상태를 흔들지 않도록 막아 준다. VIBE 코딩에서는 프롬프트에 대기 시간, 취소 조건, 로딩 표시, 최종 검증 이벤트를 함께 적어야 실제 사용자 경험과 비용을 모두 지킬 수 있다.
- 카테고리
- 프론트엔드·UI
- 난이도
- basic
- 태그
- 프론트엔드 · UI
- 슬러그
- debounce
- 상태
- published
- 정렬 순서
- 10002
함께 읽기