(archived)페이지 별 명세

페이지 별 명세

1. 회원가입 로그인

카카오 로그인 유력

Input Type

• 회원가입

  • ~~이메일 → input type email required~~ → 카카오에서
  • ~~패스워드 → input type password required~~ → 카카오 로그인시 필요 없음.
  • **~~전화번호** → input type phone required~~ → 카카오 로그인시 필요 없음.
  • **~~닉네임** → input type text required~~ → 백엔드에서 닉네임 알고리즘으로 직접 지정(중복 노 허용)
  • **~~이미지** → input type image (default image)~~ → 카카오에서
  • **주 활동지역** → input type select (시, 구, 동) required → 기존 버튼 선택 형식
  • **주 포지션** → input type select (다중)

• 로그인 (카카오로 로그인)

  • ~~이메일 → input type email required~~
  • ~~패스워드 → input type password required~~

• 아이디 찾기 (카카오로 로그인시 필요 없음)

  • ~~전화번호 → input type password required~~
  • ~~인증번호 → Input type number required~~

• 비밀번호 찾기 (카카오로 로그인시 필요 없음)

  • ~~이메일 → input type email required~~
  • ~~인증번호 → input type number required~~

API List

• 회원가입

  Request

  • 이메일, 패스워드, 전화번호, 닉네임, 이미지, 주 활동지역, 주 포지션
    • 패스워드 암호화

• 로그인

  Request

  • 이메일, 패스워드

  Response

  • 인증 토큰

• 아이디 찾기 (카카오 로그인이라면 없어도 됨)

  Request

  • 전화번호, 인증번호
    • Naver SMS API

• 비밀번호 찾기 (카카오 로그인이라면 없어도 됨)

  Request

  • 이메일, 인증번호
    • spring-boot-starter-mail 이용

---

2. 게스트 모집글 작성

Input Type

• 게스트 모집 인원 → - input + 버튼 or 드르륵
• 날짜 선택 → 날짜는 달력
• 시작 시간 선택 → 시간은 30 드르륵 형식 → 2012-12-17 HH:MM:SS형식.
• 플레이 타임 → 30분 단위 선택 (최소 30분 ~ 최대 6시간)
• 선호 포지션 → 버튼 너무 좋고, 추가 설명은 tooltip 형식
• 장소 → 애초에 모집글 자체에서 카카오 지도를 띄워서, 아래와 같은 세 가지 방식이 가능하게 하면 어떤지?
  1. 법정 주소를 입력해서 마킹 **(MVP)
  • 택배 배송 지역 검색 하듯이 입력 후 띄움**
  2. 장소명을 입력해서 마킹
  3. 사용자가 마우스로 클릭해서 마킹
• 상세 장소 → 주소는 위에서 받으니, 여기에서는 호수/동수/층 정도만 받는건 어떤지?
• 참가 비용 → 최소 값은 0원, 최대 값 10만원
• 상세 설명 → 최대 1000자

API List

• 모집 시작 버튼

  Request

  • 인원, 날짜, 포지션, 장소, 상세 장소, 비용, 상세 설명
  • 호스트 id

---

3. 메인 홈페이지

API List

• 내 근처 경기

  Response

  • 시작 시간
  • 플레이 타임
  • 경기 명
  • 장소
  • 해당 경기 참여자 프로필 (참여자들 프로필 이미지 경로와 id를 배열 형식으로 줘야할듯)
  • 해당 경기 전체 인원

• 추천 크루

  Response

  • 크루명
  • 해당 크루 주 활동지역
  • 크루 프로필 이미지 경로
  • 크루원 프로필 (크루원들 프로필 이미지 경로와 id를 배열 형식으로 줘야할듯)
  • 전체 크루인원

---

4. 경기 목록(게스트 모집 목록) 페이지

Input Type

API List

• 경기 목록 리스트 조회(Pagenation) → 근처의 경기 순, 3개 씩 페이징

  Request

  Response

  • 각 경기 정보
    • 모집글 제목
    • 주소
    • 신청한 인원
    • 게스트 최대 인원
    • 날짜/시간

• 추천 크루 조회(Pagenation) → 3개 씩 페이징

  Request

  Response

  • 각 크루 정보
    • 크루명
    • 크루 프로필 사진
    • 주 활동 지역
    • 크루 인원
    • 크루 최대 인원

---

5. 게스트 모집 상세 페이지

API List

Request

• 모집글 ID

Response

• 경기 날짜
• 경기 시작 시간
• 경기 종료 시간
• 경기 플레이 타임
• 경기 지역
• 경기 상세정보
• 모집 상태 → 모집 마감의 경우 버튼 비활성화 용도
• 호스트 id
• 현재 확정된 게스트 목록

---

6. 호스트의 게스트 승낙 페이지

API List

• 내(호스트)가 만든 경기 목록

Request

Response

• 모집 글에 신청한 신청 사용자 목록
  • 사용자 정보, 수락/거절 여부

---

7. 게스트로 참여 승인 받은 경기 목록 페이지

8. 크루 모집글 작성

Input Type

• 이름 → 중복 확인, 최소 1글자 ~ 최대 20글자(공백 포함, 알파벳, 한글, 숫자)
• 중복확인 버튼 → API로 쏘기
• 최대 인원 → 30명
• 로고 → 이미지, 선택 사항이고 없으면 기본값
• 활동사진 → 배경사진 1개, 선택 사항이고 없으면 기본값
• 활동지역 → select 버튼
• 상세설명 → 1000자

모집글 작성 완료시 → 상세 페이지로 이동

9. 매너스코어 남기기

• -1, 0, 1 숫자보다는 상징적인 의미로 보내주기

10. 리뷰뱃지남기기