VibeCoding 365 바이브 코딩 사전
드롭다운 메뉴
영어 표기
Dropdown Menu
예시
AI에게 프로젝트 카드의 작업 메뉴를 만들게 할 때 수정, 복제, 삭제 권한을 구분하고 Arrow 키 이동, Enter 선택, 바깥 클릭 닫기, 모바일 위치 깨짐을 테스트 케이스와 브라우저 smoke-test로 검증한다.
드롭다운 메뉴는 버튼이나 입력 영역을 눌렀을 때 여러 선택지나 작업을 접었다 펼쳐 보여주는 UI 패턴이다. VIBE 코딩에서는 AI가 단순 목록만 그리지 않도록 열림 상태, 바깥 클릭 닫기, 키보드 이동, 선택 후 상태 반영, 작은 화면 위치, 권한별 메뉴 노출 검증, 빈 옵션 처리와 실패 안내까지 작업 지시서에 포함해야 한다.
- 카테고리
- 프론트엔드·UI
- 난이도
- basic
- 태그
- UI · 메뉴
- 슬러그
- dropdown-menu
- 상태
- published
- 정렬 순서
- 10007
함께 읽기