작성자 정보가 보인다면
해당 사람의 기수, 코스 정보도 보여야 한다.
정해진 회원가입 링크를 클릭하면
회원가입을 할 수 있다.
이름, 이메일, 비밀번호, 비밀번호 확인을 적으면
회원가입을 할 수 있다
이메일과 비밀번호를 입력하여
로그인할 수 있다
로그인이 성공하면
메인페이지로 이동한다 (토큰 만료시간을 2시간으로 지정 → 추후 시간이 남으면 refresh token을 활용!)
관리자페이지로 이동하면
코스, 기수, 역할을 선택하여 링크를 생성할 수 있다. (바로 텍스트로 링크를 확인할 수 있다.)
관리자페이지로 이동하면
링크생성 → 모집시작 누르면 백엔드로 링크값을 보낸다→ 링크를 받은 사용자가 해당 링크로 들어왔을 경우 링크 유효성 API로 한번 체크를 진행하고 유효할 경우 회원가입 페이지로 라우팅 처리 하고, 유효하지 않으면 401 페이지를 보여준다.
프로필 사진, MBTI, Github 주소, 블로그 주소, 한줄소개, 자기소개 본문(마크다운을) 입력하면
내용을 수정할 수 있다
내 위치 정보 수정 버튼을 누르거나 지도 위에 마커를 옮기고 나서 버튼을 누르면
내 위치를 수정할 수 있다
사용자는 기수, 코스, 역할 별로
필터링을 할 수 있다
필터링을 하면
필터링된 결과를 무한스크롤로 조회한다
(상세페이지에서) 다른 사용자 카드를 보면
사용자 정보와 "좋아요" 개수를 볼 수 있고 "좋아요" 버튼을 누를 수 있다
필터링된 사용자 카드를 클릭하면
데둥이 소개 상세 페이지로 이동한다
데둥이 소개 상세 페이지로 이동하면
다른 사용자가 입력한 정보와 "좋아요 수"를 볼 수 있고, "좋아요 버튼"을 누를 수 있다.
댓글 입력창에 댓글을 입력하면
댓글을 입력할 수 있다
메인페이지로 이동하면
자기소개, 맵각코, 모집게시판의 내용을 확인할 수 있다.
메인페이지로 이동하면
지도 레벨에 따른 데이터 조회를 좀 더 효율적으로 할 수 있다.
자기소개를 보면
최대 20개의 사용자가 조회되고, 캐러셀 같은 UI를 통해 다른 사용자를 볼 수 있다.
맵각코요약을 보면
자신의 위치 기준으로 데둥이와, 모집중인 맵각코를 확인할 수 있다.
모집게시판을 보면
최신순으로 5개의 게시물을 볼 수 있다.
헤더를 보면
사용자의 프로필 이미지를 볼 수 있다
헤더에 있는 사용자 프로필 이미지를 클릭하면
프로필, 내 모임 관리, 로그아웃을 클릭할 수 있는 드롭다운 메뉴를 볼 수 있다
(헤더의 사용자 프로필 이미지를 클릭하여 나온) 드롭다운 메뉴에서 프로필을 클릭하면
자기소개 상세 조회 페이지로 이동한다
(헤더의 사용자 프로필 이미지를 클릭하여 나온) 드롭다운 메뉴에서 내 모임 관리를 클릭하면
내 모임 관리 페이지로 이동한다
(헤더의 사용자 프로필 이미지를 클릭하여 나온) 드롭다운 메뉴에서 로그아웃을 클릭하면
로그아웃이 되며 로그인 페이지로 이동한다
메인페이지로 이동하면
데둥이 소개, 데둥여지도, 모집게시판, 맵각코, 스터디, 동아리, 프로젝트가 있는 사이드바를 볼 수 있다.
사이드바에 데둥여지도를 클릭하면
데둥이지도 페이지로 이동한다
사이드바에 있는 모집게시판을 클릭하면
모집게시판 페이지로 이동한다.
사이드바에 있는 맵각코, 스터디, 동아리, 프로젝트를 클릭하면
해당하는 카테고리 게시물만 필터링 되는 모집게시판 페이지로 이동한다
사이드바에 데둥여지도를 클릭하면
데둥이지도 페이지로 이동한다
내 모임 관리 페이지에 들어가면
내가 모집한 모임, 내가 신청한 모임 목록을 볼 수 있다.
내 모임 관리 페이지에 들어가면
내가 모집한 모임을 클릭하면 모집 상세페이지로 이동한다
모든 사용자가 해당 모집 상세 페이지로 이동하면
조회수, 모집 정보를 볼 수 있다.
호스트인 사용자가 해당 모집 상세페이지로 이동한다면
마감 및 삭제를 할 수 있다.
일반 사용자가 해당 모집 상세페이지로 이동하면
모집에 참가신청 및 취소를 할 수 있다.
모집게시판 페이지로 이동하면
현재 모집중인 게시물이 상단에 위치한다.
모집게시판 페이지로 이동하면
현재 모집이 마감된 게시물은 하단에 위치하고 별도로 표시한다. (e.g. 회색으로)
모집게시판 페이지로 이동하면
게시물을 누르면 모집 상세 페이지로 이동한다.
모집게시판 페이지로 이동하면
검색은 제목으로만 할 수 있다.
모집게시판 페이지로 이동하면
각 게시물에서 현재신청, 작성자, 인원수, 모집기간,카테고리, 제목, 조회 수를 확인할 수 있다.
모집게시판 페이지로 이동하면
등록 버튼을 눌러 모달창에서 모집인원, 마감날짜, 카테고리, 제목, 내용(MD)을 입력하여 등록할 수 있다
맵각코 페이지에 들어가면
사용자의 위치 정보를 입력한 기준으로 맵의 정보를 볼 수 있다.
맵각코 페이지에 들어가면
"위치를 지정한 후 등록 버튼을 눌러주세요" 문구를 확인할 수 있다.
검색창에 키워드를 입력하면
해당 키워드에 대한 검색 결과를 볼 수 있다.
검색 결과를 선택하면
해당 장소의 위치로 지도가 이동하고 마커가 찍힌다.
검색창에 키워드를 입력하고 엔터를 누르면
첫번째 검색 결과의 위치로 지도가 이동하고 마커가 찍힌다.
맵을 보면
현재 모집중인 모각코를 확인할 수 있다.
모각코 마커를 클릭하면
상세정보가 지도 api 우측에 표시된다.
모각코 마커를 클릭하면
자신이 모집한 모임일 경우 바로 입력하여 내용을 수정할 수 있다. (내용 수정 후 수정 버튼을 눌러 API 호출)
모각코 상세 정보에서
참가를 신청 및 취소할 수 있다.
이미 신청한 모임에서 참가를 취소하면
참가 목록에서 제외되고, 신청 버튼이 활성화된다
참가를 신청하면
참가자 목록에 자신이 추가 되어 신청한 것을 알 수 있다
데둥이위치 버튼과 모각코 버튼을 클릭하면
해당하는 마커만 볼 수 있다.
지도에서 위치를 지정하면
등록 버튼이 활성화 된다.
등록 버튼을 누르면
모달창에서 모집인원, 마감날짜, 모임제목, 일시, 상세 장소, 내용을 입력하고 등록 버튼을 눌러 등록할 수 있다.
등록 모달에서 등록이 완료 되면
지도에 내가 등록한 맵각코 마커를 확인할 수 있다
데둥이지도 페이지로 이동하면
다른 데둥이들의 위치를 지도에서 확인할 수 있다
마우스 휠을 이동하거나 지도에 배율 조절 UI 플러스 마이너스 버튼을 누르면
지도의 배율을 조정할 수 있다
존재하지 않는 URL를 입력할 경우
404 Not Found 페이지로 이동한다
![[팀7] 뿡치와 삼촌들 - Devnity](https://www.notion.so/image/https%3A%2F%2Fs3-us-west-2.amazonaws.com%2Fsecure.notion-static.com%2F01eff8cd-e29b-4c4f-baa5-b2eaaa708cd6%2F2.jpg?table=block&id=c0f09e02-7acf-4d9e-8aea-b21f7a9a8822&cache=v2)
