Skip to content

[FEAT] 랜덤 메뉴 추천 룰렛 기능 구현 #49

@neungdong

Description

@neungdong

📝 설명

이미지 룰렛 컴포넌트를 구현.
사용자가 버튼을 누르면 음식 이미지 목록 중 하나가 랜덤하게 선택되어 애니메이션과 함께 보여지며, 최종 선택된 음식이 강조 표시.
Framer Motion을 활용하여 자연스러운 애니메이션 효과.

✅ 완료 조건

  • 룰렛 시작 버튼 클릭 시 중복 클릭 방지 및 회전 애니메이션 동작
  • 랜덤하게 이미지가 선택되어 중앙에 정렬되고 강조 표시
  • 선택된 이미지 위에 텍스트로 "오늘은 [음식]" 문구 표시
  • Framer Motion 기반 애니메이션 적용

📋 참고 사항

이미지 목록은 FOOD_IMAGE_PATHS 상수에서 관리

Metadata

Metadata

Assignees

Labels

enhancementNew feature or request

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions