HomeAboutMeBlogGuest
© 2025 Sejin Cha. All rights reserved.
Built with Next.js, deployed on Vercel
🧚
[1기]최종 프로젝트 데브코스
/
🏀
[팀14] 슬램 - 우리 주변 농구장 예약
/
🏀
3주차 프로젝트 진행 현황
🏀

3주차 프로젝트 진행 현황

1. 각 포지션 목표 대비 구현 정도Ver 1 목표 요구사항 완료 사항프론트백엔드Version 2 추후 목표 개발 사항2. 팀 활동 현황스크럼 시간, 정기 회의 여부3. readme 작성 여부4. 배포 여부5. 현 기준 프로젝트 이미지Splash 페이지카카오 로그인 / 로그아웃탐색 페이지특정 농구장 정보 카카오톡 공유하기 / 위치보기 기능새 농구장 추가 페이지내 프로필 / 다른 유저 프로필 조회프로필 편집 페이지관리자 페이지 (사용자가 추가한 새 농구장 목록 관리)즐겨찾는 농구장 페이지예약 목록 페이지예약 페이지알림 페이지 / 알림 내비게이션팔로우 / 팔로우 알림

1. 각 포지션 목표 대비 구현 정도

Ver 1 목표 요구사항 완료 사항

1순위 요구사항 명세서 및 구현 여부 (열어서 확인하세요)

사용자

  • 회원 가입(카카오) 및 추가 유저 정보 등록
    • 닉네임(소셜 로그인 닉네임이 디폴트)
      내 소개 한마디
      사진
      숙련도
      포지션 (5개) 중에 2개 선택가능
  • 사용자는 지도 뷰를 통해 주변 농구장 정보를 볼 수 있다.
    • 기본 뷰는 현재 시간, 현재 위치로 선택한다.
      날짜별, 시간대별로 필터된 지도 위치 기준 농구장의 위치와 인원수를 알 수 있다.
      현재 날짜로부터 14일 내의 예약현황만 조회할 수 있다.
      필터된 날짜/시간대 중 가장 많은 사람이 예약한 시간에 대해 예약한 사람이 0명, 1~5명, 6명인 경우에 따라 지도 뷰에서 농구공의 애니메이션이 달라진다.
      지도 뷰에서 하나의 농구장을 선택해서 농구장의 이름, 주소, 인원을 볼 수 있다.
  • 사용자는 주변의 농구장을 추가로 등록할 수 있다.
    • 농구장을 추가할 때, 이름(필수), 위치(필수), 골대 개수 정보를 입력할 수 있다.
      농구장을 추가할 때, 시설 정보(optional), 하트 코트/풀코트 개수(필수)의 정보를 입력할 수 있다.
  • 사용자는 즐겨찾기 기능을 이용할 수 있다. (즐겨찾기 = 홈)
    • 사용자는 관심있는 농구장을 즐겨찾기(최대 99개) 할 수 있다. (POST)
      사용자는 즐겨찾기 한 농구장을 조회할 수 있다. (GET)
      사용자는 즐겨찾기 한 농구장을 취소할 수 있다. (PUT)
  • 사용자는 농구장을 예약할 수 있다.
    • 현재 날짜로부터 14일 이내의 날짜만 선택하여 예약할 수 있다.
      최대 3시간까지 예약 가능한다.
      농구공 여부를 입력하여 예약한다.
      현재 예약 완료된 농구장의 시간대 별 최대 인원을 보여준다.
      사용자는 다가올 예약을 최대 5개 생성할 수 있다.
      사용자는 예약을 취소할 수 있다.
      사용자의 예약 취소는 예약 시간 한 시간 전에는 불가능하다.
      사용자는 예약을 변경할 수 있다.
      사용자의 예약 변경은 예약 시간 한 시간 전에는 불가능하다.
  • 팔로우
    • 사용자는 다른 유저를 팔로우 할 수 있다.
      사용자는 팔로워 목록을 조회할 수 있다.
      사용자는 팔로워가 다가올 예약이 있는지를 조회할 수 있다.
      사용자는 팔로잉한 사람의 목록을 조회할 수 있다.
      사용자는 팔로잉한 사람의 다가올 예약이 있는지를 조회할 수 있다.
  • 나의 예약
    • 다가올 예약을 시간이 가까운 순으로 정렬한다.
      다가올 예약과 지나간 예약을 농구장 이름, 날짜, 시간, 나의 예약과 겹치는 모든 인원 수를 포함하여 조회할 수 있다.
      지난 예약과 다가올 예약을 구분하여 출력한다.
      콜은 2번 보냄
      지난 예약 (완료 예약)
      다가올 예약
  • 사용자는 확성기 기능을 보낼 수 있다.
    • 확성기 메시지 전송 시간은 예약시간을 기준으로 1시간 전 보낼 수 있다.
      확성기 메시지 전송 횟수를 농구장 별 한 시간 당 한 번으로 제한한다.
      확성기 메시지는 해당 농구장 채팅방에 출력된다.
      확성기 메시지는 알림을 받을지 받지 않을지 설정 가능하다. (알림 설정 메뉴에서 설정할 수 있음)
  • 사용자는 알림을 볼 수 있다.
    • 사용자가 팔로우를 하면 해당 사용자에게 알림이 간다.
      사용자가 즐겨찾기 한 농구장에 사자후 메세지가 오면 알림이 온다.
  • 팔로잉 한 사람들의 활동을 조회할 수 있다.
    • 내가 팔로잉한 사람들 중에 다가올 예약이 있는 사람들을 볼 수 있다.
      팔로잉한 사람 중에 한명을 선택하면 다가올 예약 현황을 볼 수 있다.
  • 프로필
    • 사용자는 프로필을 조회할 수 있다.
      사용자는 프로필을 수정할 수 있다.
      사진
      닉네임, 한마디로 자신 표현, 숙련도, 포지션
      사용자의 지난 예약 누적수를 조회 할 수 있다.
사용자는 로그인 할 수 있다.
사용자는 로그아웃 할 수 있다.
  • 농구장 채팅방
    • 농구장에 대해 채팅을 할 수 있다.

관리자

주변의 농구장을 이름(필수), 위치(필수), 시설 정보(optional), 하트 코트/풀코트 개수(필수)을 저장할 수 있다.
관리자에 의해 코트 정보가 추가되어야 한다.
사용자한테 받은 새로운 농구장 정보를 확인할 수 있어야 한다.
사용자한테 받은 새로운 농구장 정보를 등록 수락/거부할 수 있어야 한다.

로그인하지 않은 사용자

지도뷰에 표시된 농구장을 볼 수 있다.
익명 사용자는 농구 예약현황을 볼 수 있다.
단 참여를 하려면 회원가입을 유도한다.

프론트

  • 목표 대비 구현 정도 : 90%

백엔드

  • 목표 대비 구현 정도 : 90%

Version 2 추후 목표 개발 사항

2순위 요구사항 명세서
  • 회원 가입(카카오) 및 추가 유저 정보 등록
    • 선호하는 시간대
      • 아침, 낮, 밤, 새벽
    • 즐겨찾는 농구장(최대 99개)을 검색하여 추가할 수 있다.
  • 사용자는 주변의 농구장을 추가로 등록할 수 있다.
    • 사용자는 1계정당 5개만 등록될 수 있다.
      • 수락은 깎지 않음 (착한 유저)
  • 나의 예약
    • 지난 예약과 다가올 예약을 구분하여 출력한다.
      • 지난 예약 (완료 예약)
        • 3개월 단위로 완료 예약을 저장한다.
  • 사용자는 확성기 기능을 보낼 수 있다.
    • 확성기 메시지는 알림을 받을지 받지 않을지 설정 가능하다. (알림 설정 메뉴에서 설정할 수 있음)
    • 함께하는 사람이 5명 미만일 경우에 확성기 메시지 전송 버튼이 활성화된다.
  • 사용자는 알림을 볼 수 있다.
    • 사용자가 예약한 시간이 가까워지면(ex. 1시간 전) 알림을 받을 수 있다.
  • 알림 설정
    • 확성기 알림 여부를 설정할 수 있다.
    • 팔로잉 알림 여부를 설정할 수 있다.
  • 회원 탈퇴
  • 채팅방
    • 개인 채팅
 

2. 팀 활동 현황

스크럼 시간, 정기 회의 여부

  • 프론트엔드, 백엔드 통합 스크럼 매일 14시에 시행
notion image
 
  • 회의 진행 상황
notion image
 

3. readme 작성 여부

  • 미작성 (12/22 작성 예정)
  • 레포 주소
    • 프론트엔드
    • 백엔드
 

4. 배포 여부

  • 프론트 최초 배포 날짜 : 2021/12/8
  • 백엔드 최초 배포 날짜 : 2021/12/12
  • 배포 링크
슬램
우리 주변 농구장을 빠르게
https://slams.app/
슬램
 

5. 현 기준 프로젝트 이미지

Splash 페이지

splash 화면
splash 화면
익명 유저로 지도 탐색
익명 유저로 지도 탐색
 

카카오 로그인 / 로그아웃

카카오 로그인
카카오 로그인
로그아웃
로그아웃
 

탐색 페이지

  • 탐색 시간이 현재 날짜와 현재 시간으로 기본적으로 설정됩니다.
  • 버튼을 통해 현재 위치 설정, 지도의 확대/축소가 가능합니다.
  • 현재 날짜로부터 14일 이내의 예약 현황을 선택한 날짜와 시간대(새벽, 아침, 낮, 밤)을 설정하여 확인할 수 있습니다.
  • 참여자가 아무도 없는 정지된 농구공, 참여자가 1~5명인 통통튀는 농구공, 그리고 참여자가 6명 이상인 불타는 농구공을 볼 수 있습니다.
  • 즐겨찾기 한 농구장, 예약이 있는 농구장은 아래에 별과 초록색 원이 표시되어 출력됩니다.
  • 지도에 표시된 농구공 마커를 클릭하여 농구장의 예약 인원, 농구장 주소를 확인할 수 있습니다.
  • 농구공 마커를 클릭 시 url에 courtId가 query string으로 추가되며, 해당 url로 접근시 코트 아이디를 통해 특정 농구장의 위치로 바로 접속할 수 있습니다.
  • 또한, 즐겨찾기, 농구장 채팅방(추후 구현), 카카오톡 공유하기, 카카오맵 길찾기 이동이 가능합니다.
  • 예약하기 버튼을 눌러 예약 페이지로 이동할 수 있습니다.
 
시간대에 따라 달라지는 데이터
시간대에 따라 달라지는 데이터
날짜별로 달라지는 데이터
날짜별로 달라지는 데이터
특정 코트 정보 조회 및 즐겨찾기
특정 코트 정보 조회 및 즐겨찾기
 

특정 농구장 정보 카카오톡 공유하기 / 위치보기 기능

카카오톡 공유하기
카카오톡 공유하기
 
카카오맵 위치보기
카카오맵 위치보기

새 농구장 추가 페이지

새 농구장 추가 과정
새 농구장 추가 과정
새 농구장 추가 validation
새 농구장 추가 validation
 

내 프로필 / 다른 유저 프로필 조회

내 프로필 조회
내 프로필 조회
팔로우한 유저 프로필 조회
팔로우한 유저 프로필 조회
팔로우 안 한 유저 프로필 조회
팔로우 안 한 유저 프로필 조회

프로필 편집 페이지

프로필 편집 validation
프로필 편집 validation
프로필 편집 과정
프로필 편집 과정
기본 프로필 이미지로 변경하기
기본 프로필 이미지로 변경하기
 

관리자 페이지 (사용자가 추가한 새 농구장 목록 관리)

목록 조회(무한 스크롤)
목록 조회(무한 스크롤)
새 농구장 승인하기
새 농구장 승인하기
새 농구장 거절하기
새 농구장 거절하기
 

즐겨찾는 농구장 페이지

즐겨찾는 농구장 목록 조회
즐겨찾는 농구장 목록 조회
예약하기 버튼으로 해당 농구장 정보로 이동
예약하기 버튼으로 해당 농구장 정보로 이동
 

예약 목록 페이지

예약 목록 조회
예약 목록 조회
함께 예약한 유저 정보 조회
함께 예약한 유저 정보 조회
 

예약 페이지

  • 선택한 시간대로 스크롤이 이동합니다. 새벽 0시, 아침 6시, 낮 12시, 저녁 18시로 스크롤 포지션이 이동합니다.
  • 오늘 날짜의 정보 조회 시에는 이미 지나간 시간에 대해서는 UI로 예약이 불가함을 표시합니다.
  • 30분 블록 단위로 24시간에 대한 정보를 출력합니다.
    • 인원 현황은 0명, 1-5명, 6명을 색의 진하기로 구분하여 출력합니다.
    • 예약이 있는 경우 농구공의 개수를 출력합니다. 0개인 경우 우는 이모지로 출력하여 공을 가져와 줄 것을 기원합니다.
  • 예약 생성
    • 예약 생성 전 30분 단위의 블록으로 정보를 확인할 수 있습니다.
    • 이미 예약해 놓은 블록의 정보 확인시 예약을 생성할 수 있는 버튼이 출력되지 않습니다.
    • 버튼을 눌러 예약을 시작할 수 있습니다.
    • 시작시간과 종료시간을 설정하면 현재 유저가 참여한 결과가 반영되어 정보가 출력됩니다.
    • 이미 예약된 시간을 포함할 경우 버튼이 disabled 되며 예약을 생성할 수 없습니다.
    • 농구공 유무를 체크하여 예약 생성을 완료합니다.
  • 예약 수정/취소
    • 예약 시간 한 시간 전에는 수정/취소가 불가합니다
    • 농구장에 예약이 되어있는 경우 예약 블록이 표시됩니다.
    • 예약 블록 클릭시 수정과 취소가 가능합니다.
    • 수정을 클릭하면 해당 예약 시간범위가 선택되어 예약 수정을 시작합니다.
    • 시작 시간과 종료 시간을 설정하면 예약 수정 결과가 반영되어 정보가 출력됩니다.
지난 시간 disable / 현재 시간으로 스크롤 이동 / 다음 날 예약으로 넘어가기 기능
지난 시간 disable / 현재 시간으로 스크롤 이동 / 다음 날 예약으로 넘어가기 기능
예약하기 과정
예약하기 과정
시작 시간 / 종료 시간 변경
시작 시간 / 종료 시간 변경
내 예약 정보 확인
내 예약 정보 확인
예약 수정하기
예약 수정하기
 

알림 페이지 / 알림 내비게이션

알림 목록 조회
알림 목록 조회
상단 내비게이션에서 뱃지로 알림 개수 확인 가능
상단 내비게이션에서 뱃지로 알림 개수 확인 가능
 

팔로우 / 팔로우 알림

팔로우/언팔로우 기능
팔로우/언팔로우 기능
팔로우 시 실시간 알림 보내기
팔로우 시 실시간 알림 보내기