List view

• Sprint 3

  ## 1. 헤더 수정 - 로그인 상태인 경우 우측에 프로필 아바타를 표시합니다. - 아바타를 누르면 드롭다운 메뉴를 표시합니다. 드롭다운 메뉴에는 '프로필 수정'과 '로그아웃'이 있습니다. ## 2. 랜딩 페이지 - 로그아웃 상태: 사용 유도 문구와 '로그인' 및 '회원가입' 버튼을 표시합니다. - 로그인 상태 - 개설한 일정이 있는 경우: 개설한 일정을 카드의 형태로 표시합니다. - 개설한 일정이 없는 경우: 개설한 일정이 없다는 문구와 함께 '일정 만들기' 버튼을 표시합니다. ## 3. 일정 생성 페이지 - 이름과 일시, 장소, 모집 기간, 정원, 설명, 투표 선택지를 입력받아 일정을 생성합니다. - 일정 이름, 일시, 모집 기간은 사용자가 반드시 입력하도록 합니다. ## 4. 일정 메인 페이지 ### 공통 - 일정의 이름, 일시, 장소, 신청 현황, 설명을 표시합니다. - 그 아래에는 참여자 명단을 표시합니다. - 참여자 명단에서 '더보기'를 클릭하면 참여자 페이지로 이동합니다. ### 관리자 화면 - 우상단에 케밥 메뉴를 표시합니다. 케밥 메뉴에는 '수정'과 '삭제'를 둡니다. - 하단 바에는 신청 링크와 '링크 복사하기' 버튼을 표시합니다. ### 사용자 화면 - 하단 바에는 모집 마감일시와 CTA 버튼을 표시합니다. 하단 CTA 버튼의 문구로는 다음을 표시합니다. - 사용자가 신청하지 않은 일정이면 '신청하기' - 사용자가 이미 신청한 일정이면 '취소하기' 및 '변경하기' - 여석이 없는 일정이면 '대기하기' - 신청을 마감한 일정이면 '신청 마감' - '신청하기'를 클릭하면 - 로그인한 경우: 이 페이지로 돌아옵니다. 최상단에 신청이 완료되었음을 안내합니다. - 로그인하지 않은 경우: 정보 입력 페이지로 이동합니다. ## 5. 참여자 페이지 - 해당 일정을 신청한 사람들의 명단을 표시합니다. - 왼쪽에 프로필 아바타를 표시하고, 그 옆에 이름을 표시합니다. - 관리자 화면에서는 이메일 주소와 '신청 취소' 버튼도 표시합니다. ## 6. 정보 입력 페이지 - 사용자의 이름과 이메일 주소를 폼으로 받습니다. - 아래에는 로그인 영역을 표시합니다.

  Due by January 17, 2026

  •18/18 issues closed
  100% complete0 open18 closed

• Sprint 2

  ### 1. 헤더 수정 - 공통: 좌측에 '모이샤' 로고를 표시합니다. - 로그아웃 상태: 우측에 요소를 표시하지 않습니다. - 로그인 상태: 우측에 프로필 아바타를 표시합니다. 아바타를 누르면 드롭다운 메뉴를 표시합니다. 드롭다운 메뉴에는 '프로필 수정'과 '로그아웃' 버튼이 있습니다. ### 2. 랜딩 페이지 - 로그아웃 상태: '로그인' 및 '회원가입' 버튼을 표시합니다. - 로그인 상태 - 가입한 모임이 없는 경우: '모임 개설' 및 '모임 가입' 버튼을 표시합니다. - 가입한 모임이 있는 경우: 모임 카드를 격자 형태로 표시합니다. 격자 아래쪽에는 페이지네이터를 표시합니다. 화면 우측 상단에는 '모임 개설' 및 '모임 가입' 버튼을 표시합니다. ### 3. 모임 개설 기능 - 개설 신청 페이지: 모임 이미지, 이름, 소개를 입력받습니다. 입력란 아래에는 '신청하기' 버튼을 표시하고, 이 버튼을 클릭하면 개설 완료 페이지로 이동합니다. - 개설 완료 페이지: 모임 개설이 완료되었음을 알리고, 모임 초대 코드를 표시합니다. 아래에는 '확인' 버튼을 표시하고, 클릭하면 랜딩 페이지로 이동합니다. ### 4. 모임 가입 기능 - 가입 신청 페이지: 모임 초대 코드를 입력받습니다. 입력란 아래에는 '가입 신청하기' 버튼을 표시하고, 이 버튼을 클릭하면 신청 완료 페이지로 이동합니다. - 신청 완료 페이지: 모임 가입 신청이 완료되었음을 알립니다. 아래에는 '확인' 버튼을 표시하고, 이 버튼을 클릭하면 랜딩 페이지로 이동합니다. ### 5. 모임 메인 페이지 - 모임 이름과 구성원 수를 좌측 상단에 표시합니다. 구성원 수 오른쪽에는 구성원 정보 페이지로 진입하는 버튼을 표시합니다. - 우측에는 모임 관리 페이지로 진입하는 버튼을 표시합니다. 이 버튼은 회장·부회장·임원에게만 보입니다. - 아래에는 탭을 표시합니다. '공지', '모임', '투표' 탭을 두고, 기본값은 '공지' 탭으로 합니다. - 스티키 헤더: 사용자가 스크롤하여 탭이 최상단이 오게 되면, 즉 상단 영역이 모두 화면에서 사라지면, 모임 이름을 헤더 좌측 로고 왼쪽에 표시합니다. 이때부터는 탭의 위치가 헤더 아래에 고정되고 탭 패널만 스크롤되도록 합니다.

  Due by January 10, 2026
  0% complete0 open0 closed

• Sprint 1

  ### 1. 프로젝트 세팅 - 프로젝트에 필요한 사전 작업을 합니다. - 리액트, 타입스크립트 개발을 위한 파일 뼈대를 만들고 린터 등을 설치합니다. ### 2. 헤더 - 좌측에는 페이지 제목을 보여줍니다. - 우측에는 로그인/회원가입 버튼(로그인하지 않은 경우) 또는 사용자 프로필 이미지(로그인한 경우)를 보여줍니다. ### 3. 랜딩 페이지 - '모임' 탭: 사용자가 소속한 모임의 목록을 카드 형태로 보여줍니다. 카드를 클릭하면 해당 모임의 메인 페이지로 이동합니다. - '일정' 탭: 사용자의 도래 예정 일정의 목록을 카드 형태로 보여줍니다. 카드를 클릭하면 해당 일정의 상세 페이지로 이동합니다. - '모임 만들기' 버튼: 클릭하면 모임 생성 페이지로 이동합니다. - '모임 들어가기' 버튼: 클릭하면 모임 가입 신청 페이지로 이동합니다. ### 4. 로그인 페이지 - 이메일로 로그인 - 소셜 로그인 - 계정 없는 경우 '회원가입하기' 버튼 ### 5. 회원가입 페이지 - 소셜 회원가입 - 이메일로 회원가입: 이메일 회원가입 페이지로 이동합니다.

  Due by January 5, 2026

  •9/9 issues closed
  100% complete0 open9 closed