스터디 페이지

[vionicbest]

목적

스터디 정보를 통합적으로 보여주고, 진행 중인 스터디와 완료된 스터디를 구분하여 열람할 수 있도록 한다

구현되어야 하는 기능

• 스터디 목록 표시
  • 진행 중인 스터디 목록
  • 완료된 스터디 목록
  • 클릭시 해당 스터디 상세 페이지로 이동.
• 상태 구분 탭 or 필터
  • 진행중 / 완료됨 탭 또는 필터 버튼 제공
  • 선택된 상태에 따라 목록이 갱신
• 스터디 카드에 포함될 정보
  • 스터디 이름
  • 스터디 설명
  • 스터디 멤버
  • 스터디 시작일 / 마감일
• 검색 기능
  • 검색 시 전체 스터디 중 키워드가 포함 된 항목만 표시.

참조

• 이 페이지는 공통 레이아웃을 포함한다.
• 기존 홈페이지는 진행 중인 스터디와 완료된 스터디를 별도로 구분해 보여주었지만, 필터 버튼을 통해 동일한 목록 내에서 동적으로 전환되는 방식이 더 직관적이라고 판단하여, 해당 방식으로 구현 방향을 수정하였다.