루트(홈) 페이지 슬라이드 카드 애니메이션 외

[youngwan2]

개요

기타

• 지역시장 페이지 무한 스크롤이 동작하지 않는 문제 수정
• 지역시장 및 지역음식의 세부 페이지의 레이아웃을 1240px 가로 넓이를 최대로 지정하여 이에 맞춘 레이아웃으로 수정하는 작업 수행
  

홈 페이지 슬라이드 플립 애니메이션

• 기존의 루트 페이지에서는 아래와 같이 넓은 범위를 차지하는 이미지 슬라이드를 버튼으로 통제하고, 자동으로 일정 시간 마다 슬라이드가 변경되도록 구현되었다면,
  

• 변경된 루트 페이지는 배경을 wepm or mp4 를 사용하는 영상으로 지정하고, 카드를 플립하여 전환하는 애니메이션의 슬라이드 형태로 변경함
  

• 이번에 변경된 슬라이드를 통제하는 버튼의 경우 < = > 형태로 구성하였음. 각각 이전 슬라이드, 중단, 다음 슬라이드 역할을 수행하며, 중단하는 경우에는 ▶ 버튼으로 바뀌며, 토글 형식으로 중단/실행을 처리할 수 있도록 하였음.
  

• 또한, 슬라이드 위에 마우스를 호버하면 애니메이션을 중단하고, 마우스 포인터가 해당 요소에서 벗어나면, 애니메이션이 자동으로 재시작되도록 하였음

향후 계획(#26 )

• 현재 HACCP 음식 조회 이후 마우스 호버 시 아무런 동작이 발생하지 않음. 이는 마우스 호버 시 드롭다운이 되는 형식이었던 것을 포커스 시 카드가 플립되듯이 숨겨진 콘텐츠가 나오는 형식으로 효과를 변경하는 중에 처리하지 못한 부분에서 발생한 문제임. 따라서 이 문제를 2024/06/02 아침에 해결할 예정