제가 포스팅을 맡게 된 페이지는 index 페이지입니다.
사실상 메인화면의 역할을 하고 있는 index 페이지의 여러 기능들을 소개해드리려 합니다.
랜덤 가게 추천 기능
이 기능은 데이터베이스에 저장된 식당들을 대상으로 랜덤함수를 이용해 하나를 뽑아 추천하는 기능입니다. 화면에 출력된 식당이름인 3초 뒤 초기화되며 다시 랜덤으로 뽑을 수 있게 하였습니다.
Top3 식당 정렬
이 기능은 사용자가 웹페이지에 접속하자마자 지금까지 사용자들이 리뷰를 통해 입력한 평점 기준 Top 3 식당들을 볼 수 있게끔 한 기능입니다. 사진을 크게 하여 사용자들의 이목을 끌 수 있게 하였으며, 사진을 클릭하면 식당별 세부페이지(specificscreen)으로 이동할 수 있도록 하였습니다. 사진 밑에 있는 정보로 평점, 식당 이름, 찜 여부를 알 수 있습니다.
다른 기능들
우측 상단에 위치한 로그인 버튼을 누르게 되면
로그인 화면으로 넘어가 로그인을 진행할 수 있도록 하였으며, 사용자가 index 페이지로 접속 후 사용할 수 있는 기능들을 네비게이션 바를 통해 사용할 수 있도록 하였습니다.
네비게이션 바를 통해서는
새로운 맛집을 등록할 수 있는 맛집등록 페이지
개인정보들을 확인할 수 있는 마이페이지
가나다순으로 정렬된 맛집리스트화면
위치/종류별로 분류된 맛집리스트 화면
에 접속할 수 있습니다.
이렇게 저희 Eat화의 메인페이지 index페이지는 사용자의 이목을 끌면서도 저희 홈페이지에서 원하는 기능들을 바로바로 사용할 수 있게끔 디자인 및 구현하였습니다.
