캐로셀을 이용하여 추천 여행지를 보여주도록 하였습니다. 캐로셀 양쪽에 화살표 버튼을 마우스 오버로 구현하려 했으나 캐로셀 안에 들어가는 '자세히 보기' 버튼을 마우스 오버로 지정하여서 두 가지가 겹치니 마우스를 버튼 위로 올려도 제대로 동작하지 않아 버튼에만 마우스 오버를 지정하고 캐로셀에는 마우스 오버를 없애고 항상 화살표가 보일 수 있게 구현하였습니다.
캐로셀은 6초 정도 유지된 후 자동으로 넘어가도록 하였습니다.
2. 지역 선택 태그
지역 선택하는 태그는 하나씩만 선택이 될 수 있도록 하나가 선택된 상태에서 다른 것을 누르면 먼저 선택된 태그는 선택이 풀리면서 서로 누른 태그가 선택되도록 하였습니다.
3. 테마 별 카드
인기 여행 코스 / 인기 여행지 / 인기글 순으로 제일 조회수가 높은 4가지의 요소들을 보여줄 수 있는 카드를 구현하였습니다.
카드 사이의 공백과 4개의 카드 좌우의 여백 문제를 해결하지 못해서 추후 수정될 수 있습니다.
메인 화면 구현
1. Carousel
2. 지역 선택 태그
3. 테마 별 카드