로그인/회원가입 페이지

계정 생성 및 로그인, 유효성 검사를 수행합니다.

• 로그인 : 아이디(이메일), 비밀번호를 입력하여 로그인할 수 있게 합니다.
  • 이메일 유효성 검사: 해당 이메일로 계정이 존재하는지 여부를 확인한 후, 존재하지 않을 경우 “존재하지 않는 아이디입니다.” 메시지를 인풋 박스 아래에 표시합니다.
  • 비밀번호 유효성 검사: 입력한 비밀번호가 이메일에 해당하는 계정의 비밀번호인지 확인하고, 아닐 경우 “비밀번호가 아이디와 일치하지 않습니다.” 메시지를 인풋 박스 아래에 표시합니다.
  • 토큰 유효기간은 1시간입니다.
• 회원 가입 : 아이디(이메일), 비밀번호, 닉네임, 전화번호를 입력하여 계정을 생성할 수 있게 합니다.
  • 이메일 유효성 검사: 해당 이메일로 계정이 존재하는지 여부를 확인하고, 존재할 경우 “중복된 이메일입니다.” 메시지를 인풋 박스 아래에 표시합니다
  • 비밀번호 유효성 검사: 입력한 비밀번호가 8자 이상인지 확인하고, 그렇지 않을 경우 “비밀번호가 8자 이상이 되도록 해 주세요.” 메시지를 인풋 박스 아래에 표시합니다.
  • 비밀번호 확인 검사: 입력한 비밀번호와 비밀번호 확인란에 입력한 값이 일치하는지 확인합니다. 비밀번호 확인란의 값이 일치하지 않을 경우, "비밀번호가 일치하지 않습니다."라는 메시지를 입력 박스 아래에 표시합니다.
  • 닉네임 유효성 검사: 입력이 존재하는지 여부를 확인하고, 존재하지 않을 경우 “닉네임을 입력해 주세요.” 메시지를 인풋 박스 아래에 표시합니다.
  • 전화번호 유효성 검사: 입력이 존재하는지 여부를 확인하고, 존재하지 않을 경우 “전화번호를 입력해 주세요.” 메시지를 인풋 박스 아래에 표시합니다.
• 유저 인풋 검사 시점
  • 입력 후 해당 입력 박스에서 포커스를 이동한 경우.
  • 입력 박스에 포커스를 두고 1초 이상 아무런 입력도 하지 않은 경우.
  • 로그인 혹은 회원가입 버튼을 클릭한 경우.

프로필

내 프로필 관리 및 다른 유저의 프로필을 확인할 수 있습니다.

• 내 프로필 : 닉네임, 프로필 이미지, 상태 메시지 등 내 프로필을 확인할 수 있습니다.
  • 내 프로필 수정: 클릭 시 나타나는 인풋 필드를 통해 정보를 수정 할 수 있습니다.
  • 로그아웃 버튼을 통해 로그아웃을 할 수 있습니다.
  • 알림 설정을 통해 알림을 끄거나 킬 수 있습니다.
  • 탈퇴 버튼을 통해 탈퇴를 할 수 있습니다.
• 다른 유저 프로필 : 다른 유저의 닉네임, 사진 등 프로필을 확인할 수 있습니다.
  • 팔로우 기능 : 유저 프로필의 버튼을 통해 팔로우하거나 취소 할 수 있습니다.
• 공통 : 프로필을 통해 다음과 같은 정보를 확인할 수 있습니다.
  • 프로필 사진, 이름, 상태메시지
  • 팔로워, 팔로잉 수
  • MBTI
  • 모임 참여 횟수 , 모임 생성 횟수
  • 관심사 #태그 삭제
  • 가입 일자

목록 조회 페이지(홈)

다양한 모임을 조회,검색하고 상세 페이지로 이동할 수 있습니다.

• 모임 목록 조회
  • 목록에서는 대표 이미지(첫 번째 이미지), 제목, 태그, 지역 정보, 날짜/시간 정보, 생성자 프로필·닉네임·작성 문구를 카드 형태로 확인할 수 있습니다.
  • 모임 카드를 클릭하면 해당 모임의 상세 페이지로 이동합니다.
• 모임 검색 (태그, 지역, 제목 통합 검색)
  • 검색 방식
    • Querystring 기반으로 검색 조건을 조합하여 서버로 요청합니다.
    • 무한 스크롤을 적용해 스크롤 시 추가 목록을 불러옵니다.
  • 검색 결과 화면
    • 대표 이미지, 제목, 날짜, 태그, 인원 정보를 기본 스키마 기반으로 표시합니다.
    • 조회된 데이터 구조는 모임 목록 조회와 동일합니다.

모임 상세 페이지

전체 이미지(슬라이더), 제목, 상세 설명, 태그, 지역 정보, 날짜/시간, 참여자 정보(목록 형태), 생성자 프로필·닉네임·상태 메시지를 확인할 수 있습니다.

상태 필드

• isJoined: 내가 참여한 모임인지 여부