Home
| splash 화면 | 익명 유저로 지도 탐색 |
|---|---|
|
|
| 카카오 로그인 | 로그아웃 |
|---|---|
|
|
- 탐색 시간이 현재 날짜와 현재 시간으로 기본적으로 설정됩니다.
- 버튼을 통해 현재 위치 설정, 지도의 확대/축소가 가능합니다.
- 현재 날짜로부터 14일 이내의 예약 현황을 선택한 날짜와 시간대(새벽, 아침, 낮, 밤)을 설정하여 확인할 수 있습니다.
- 참여자가 아무도 없는 정지된 농구공, 참여자가 1~5명인 통통튀는 농구공, 그리고 참여자가 6명 이상인 불타는 농구공을 볼 수 있습니다.
- 즐겨찾기 한 농구장, 예약이 있는 농구장은 아래에 별과 초록색 원이 표시되어 출력됩니다.
- 지도에 표시된 농구공 마커를 클릭하여 농구장의 예약 인원, 농구장 주소를 확인할 수 있습니다.
- 농구공 마커를 클릭 시 url에 courtId가 query string으로 추가되며, 해당 url로 접근시 코트 아이디를 통해 특정 농구장의 위치로 바로 접속할 수 있습니다.
- 또한, 즐겨찾기, 농구장 채팅방(추후 구현), 카카오톡 공유하기, 카카오맵 길찾기 이동이 가능합니다.
- 예약하기 버튼을 눌러 예약 페이지로 이동할 수 있습니다.
| 시간대에 따라 달라지는 데이터 | 날짜별로 달라지는 데이터 | 농구장 정보 확인 |
|---|---|---|
|
|
 |
- 선택한 시간대로 스크롤이 이동합니다. 새벽 0시, 아침 6시, 낮 12시, 저녁 18시로 스크롤 포지션이 이동합니다.
- 오늘 날짜의 정보 조회 시에는 이미 지나간 시간에 대해서는 UI로 예약이 불가함을 표시합니다.
- 30분 블록 단위로 24시간에 대한 정보를 출력합니다.
- 인원 현황은 0명, 1-5명, 6명을 색의 진하기로 구분하여 출력합니다.
- 예약이 있는 경우 농구공의 개수를 출력합니다. 0개인 경우 우는 이모지로 출력하여 공을 가져와 줄 것을 기원합니다.
- 예약 생성
- 예약 생성 전 30분 단위의 블록으로 정보를 확인할 수 있습니다.
- 이미 예약해 놓은 블록의 정보 확인시 예약을 생성할 수 있는 버튼이 출력되지 않습니다.
- 버튼을 눌러 예약을 시작할 수 있습니다.
- 시작시간과 종료시간을 설정하면 현재 유저가 참여한 결과가 반영되어 정보가 출력됩니다.
- 이미 예약된 시간을 포함할 경우 버튼이 disabled 되며 예약을 생성할 수 없습니다.
- 농구공 유무를 체크하여 예약 생성을 완료합니다.
- 예약 수정/취소
- 예약 시간 한 시간 전에는 수정/취소가 불가합니다
- 농구장에 예약이 되어있는 경우 예약 블록이 표시됩니다.
- 예약 블록 클릭시 수정과 취소가 가능합니다.
- 수정을 클릭하면 해당 예약 시간범위가 선택되어 예약 수정을 시작합니다.
- 시작 시간과 종료 시간을 설정하면 예약 수정 결과가 반영되어 정보가 출력됩니다.
| 선택한 시간대로 이동, 과거 시간 disabled, 전날, 다음 날 예약 이동 | 예약하기 |
|---|---|
|
|
| 예약 생성하기 | 시작 시간 / 종료 시간 선택 | 예약 정보 확인하기 / 예약 수정하기 |
|---|---|---|
|
|
 |
| 예약 목록 조회 | 함께 예약한 유저 정보 조회 |
|---|---|
|
|
| 즐겨찾는 농구장 목록 조회 | 예약하기 버튼으로 해당 농구장 정보로 이동 |
|---|---|
|
|
| 카카오톡 공유하기 | 카카오맵 위치보기 |
|---|---|
|
|
| 내 프로필 조회 | 팔로우한 유저 프로필 조회 | 팔로우 안 한 유저 프로필 조회 |
|---|---|---|
|
|
 |
| 프로필 편집 validation | 프로필 편집 과정 | 기본 프로필 이미지로 변경하기 |
|---|---|---|
|
|
 |
| 새 농구장 추가 과정 | 새 농구장 추가 validation |
|---|---|
|
|
| 목록 조회(무한 스크롤) | 새 농구장 승인하기 | 새 농구장 거절하기 |
|---|---|---|
|
|
|
| 알림 목록 조회 | 알림 갯수 뱃지로 확인 |
|---|---|
|
|
| 팔로우 / 언팔로우 | 팔로우 시 실시간 알림 보내기 |
|---|---|
|
|
