1. 🏠메인페이지

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

2. 👥회원 관리

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

3. 🗺️동네 인증

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

4. 🏢동네 소개

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

5. 🏪식당 등록

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

6. 🍜식당 소개 페이지

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

7. ☎️채팅

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

8. 🚩상단 배너

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

| --- | --- | --- | --- | --- | --- |