Skip to content

ludacirs/ggumim

Repository files navigation

ggumim 과제

배포 주소

실행 방법

yarn 
yarn start

스택

  • Typescript
  • styled-components
  • React
  • Storybook

기능 명세

명세서

  • 가구 정보가 있는 곳에 돋보기 모양의 버튼을 표시
  • 돋보기를 클릭하면 상품정보 tool tip 출력되면서 돋보기모양이 닫기 버튼으로 변경
  • 닫기 버튼을 클릭하면 tool tip을 없애고 돋보기 버튼으로 변경
  • tool tip은 하나만 노출. tool tip이 노출되고 있는 상태에서 다른 가구를 선택하면 노출되고 있 던 tool tip은 닫히고 새로 클릭한 가구 tool tip만 노출
  • 하단에 있는 상품목록에서 해당 가구가 선택되었으면 tool tip 출력
  • 선택된 가구는 선택되었으면 표시
  • 할인율이 존재하는 경우에는 상단에 할인율(discountRate) 표시
  • 가구 정보는 2가지 형식이 존재
  • 입점되어 있는 가구 (product 정보에 outside가 false 이 가구)
    • 상품 이미지 (product 정보 imageUrl)
    • 상품명 (product 정보 name)
    • 할인율 (product 정보 discount)
    • 가격 (product 정보 priceDiscount)
  • 입점되지 않는 가구
    • 상품이미지 (product 정보 imageUrl)
    • 상품명 (product 정보 name)
    • 예상 가격 (product 정보 priceDiscount)

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors