Skip to content

[미션4] 제2회 모의테스트 진행 및 정리 #4

@learn-programmers

Description

@learn-programmers

향상된 실력을 검증하기 위한 테스트

  • 아래의 추가 요구 사항을 기존 요구 사항에 추가하여 작성합니다.

추가 요구 사항

  • 검색어 히스토리를 숨겼다가 인풋에 마우스가 오버될 때 보여주도록 UI를 바꿔주세요.
  • 모달 열고 닫기에 fade in/out을 적용해 주세요.
  • 검색 결과 각 아이템에 마우스 오버시 고양이 이름을 노출합니다.
  • 최대 검색 결과 갯수를 설정할 수 있는 select UI를 제공해 주세요
    - option은 10개, 25개, 50개 입니다.
    - api는 50를 기본으로 지원하므로 BE 수정 필요
  • 랜덤 고양이 배너 섹션 추가
    - 현재 검색 결과 목록 위에 배너 형태의 랜덤 고양이 섹션을 추가합니다.
    - 앱이 구동될 때 /api/cats/random50 api를 요청하여 받는 결과를 별도의 섹션에 노출합니다.
    - 검색 결과가 많더라도 화면에 5개만 노출하며 각 이미지는 좌, 우 슬라이드 이동 버튼을 갖습니다.
    - 좌, 우 버튼을 클릭하면, 현재 노출된 이미지는 사라지고 이전 또는 다음 이미지를 보여줍니다.(트렌지션은 선택)

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions