forked from codesquad-members-2022/sidedish
-
Notifications
You must be signed in to change notification settings - Fork 1
FE 요구사항 정리
Cola edited this page Apr 27, 2022
·
3 revisions
🟦 → 기존 요구사항
🟥 → 임의로 추가/변경한 요구사항
🟥 로고 클릭시, 루트 경로로 이동
🟦 마우스 오버시, 서브 카테고리 드롭다운 메뉴 오픈
🟦 서브 카테고리 마우스 오버시, 하이라이트 (클릭 작동 X)
🟦 버튼 클릭시, 추가 카테고리 상품 노출
🟦 모든 카드는 fetch 응답 데이터를 기반으로 렌더링
🟦 할인상품 가격정보 할인 전 가격과 할인가격 함께 표시
🟦 할인 정책에 따른 뱃지 노출
🟦 비할인 상품, 정상 가격만 표시
🟦 TAB 클릭시, fetch로 카드 데이터 요청
🟦 페이지 로딩시, 모든 데이터를 받아와 사용하지 않음
🟥 TAB에 따라 정해진 메뉴 표시 (랜덤 X)
🟥 연속으로 여러 TAB요청시 마지막 fetch요청만 응답하기
🟦 좌우 슬라이딩
🟦 남은 카드 개수가 4의 배수가 아닌 경우, 남은 카드 개수에 맞춰서 이동
🟦 슬라이드의 끝에 도달시 화살표 연한 회색으로 처리
🟦 메뉴 카드 이미지에 마우스 오버시, 이미지 밝기 조절과 스티커 표시.
🟥 새벽 배송이 가능한 카드만 선택적으로 마우스 오버 효과를 추가. 배송 가능 여부는 카드 데이터에 포함됨.
🟦 상품 클릭시 해당 상품 fetch 데이터를 토대로 렌더링
🟦 메뉴 카드 클릭시 상세페이지를 화면 가운데에 노출
🟦 +,- 버튼 클릭시, 상품 갯수 및 총 주문 금액 정보 변경
🟦 닫기 버튼 클릭시, 모달창 제거
🟦 서브 카테고리 썸네일 클릭시, 메인 썸네일 클릭한 썸네일로 변경
🟦 주문하기
🟥 할인 정책 할인률에 따른 가격 노출 및 뱃지 노출
🟥 할인률이 없는 상품 뱃지 삭제 및 기존 가격 노출