🏠메인페이지

• 간단한 서비스 소개
• 로그인 버튼(로그인 페이지 이동)

👥회원 관리

• 로그인
  • 기존 회원 로그인(spring security)
    • 아이디 (InputField)
    • 비밀번호 (InputField)
    • 로그인 버튼(동네 인증 페이지 이동)
    • SNS 로그인 연동
      • 구글 로그인 연동 버튼
• 회원 가입
  • 일반 회원가입(DB에 회원정보 등록)
    • 아이디 (InputField)
    • 상호명 (InputField)
    • 비밀번호 (InputField)
      • 비밀번호 확인 (InputField)
    • 회원가입 버튼(로그인 페이지 이동)
    • 로그인 버튼(로그인 페이지 이동)
  • SNS 로그인 (구글, 기타 SNS)
    • 구글 로그인 연동 버튼
  • 아이디/비밀번호 찾기 (옵션)

🗺️동네 인증

• 사용자의 위치 기반 동네 인증
  • 위치 검색 InputField(Google map API) + 내 동네 설정 버튼
  • 현재 위치 지도 표시(Google map API)
• 동네 인증 완료 버튼 (회원정보 DB의 위치 수정 + 동네 식당 소개 페이지 이동)

🏢동네 소개

• 식당 리스트 조회(지역별)
  • 식당 리스트 페이지 이동 - 1페이지당 객체 16개 조회(동적 페이지 적용)
  • 객체 구성요소
    • 이미지
    • 가게명
    • 대표메뉴
    • 가격
    • 조회수(?)
• 식당 등록 버튼(등록 페이지 이동)

🏪식당 등록

• 식당 또는 음식 이미지 업로드 (ImageInput) [nullable]
• 대표 메뉴 입력 (InputField) [not nullable]
• 가격 입력 (InputField) [not nullable]
• 대표 메뉴 설명 입력 (Text) [nullable]
• 가게 위치 등록(가게 위치는 동네 인증 한 곳으로 설정) (InputField) [not nullable]
• 완료 버튼(submit)

🍜식당 소개 페이지

• 뒤로가기 버튼
• 채팅하기 버튼
• 삭제/수정 버튼
• 식당 대표 이미지(식당/음식)
• 식당 이름
• 조회수 인디케이터
• 좋아요 인디케이터
• 대표메뉴
  • 대표메뉴 설명
• 장소 표시

☎️채팅

• 챗박스 상단바
  • 상대 아이디
  • 프로필 이미지
  • 가게 이름 + ‘사장님’
• 채팅 로그
  • 채팅 기록
  • 입력 시간 ex) 오후 6:30
• 채팅 입력란(Text)
  • 채팅 메시지 전송
• 채팅 메시지 삭제
• 사이드바에 채팅 목록 표시
  • 객체 구성요소
    • 아이디
    • 식당 이름
    • 현재 시간 - 마지막 채팅 날짜
    • 마지막 채팅 기록
    • 썸네일 이미지

🚩상단 배너

• 배달의민족 로고(홈 버튼)
• 검색 기능
  • 메뉴테이블에서 찾는 메뉴명 필터링하여 페이지에 표시
    • 검색 InputFeild
    • 어떤 화면에서도 엔터 입력시 동네 소개 페이지로 이동하여 검색 진행
• 채팅 기능 접근
• 로그아웃 버튼(메인페이지 이동)
• 동네인증 버튼(동네인증페이지 이동)