YU-Quiz / web

front(react)
2 stars 0 forks source link

feat: 스터디 페이지 구현 #69

Closed cryingdryice closed 4 days ago

cryingdryice commented 4 days ago

개요

스터디 CRUD 서비스 함수와 스터디 관련 페이지를 구현하고, 스터디원 관리 및 신청 기능을 추가했습니다. 스터디 CRUD, 회원 관리, 신청/수락 기능을 통해 전체적인 스터디 기능을 완성했습니다.


구현 사항

  1. 스터디 CRUD 서비스 함수 생성
    • 스터디 생성, 조회, 수정, 삭제 관련 API와 서비스 함수 구현.
  2. 스터디 페이지 구현
    • 스터디 목록 페이지 구현.
    • 스터디 조회 페이지 구현 (기본 구조 추가, 이후 기능 확장).
    • 스터디 생성/수정 페이지 구현.
    • 상단바에 스터디 페이지 링크 추가.
  3. 스터디 관련 기능
    • 스터디 생성/수정 시 게시판 디자인 개선.
    • 등록 기간 선택 시 현재 시각 이후만 선택 가능하도록 기능 추가.
    • 스터디 생성/삭제 버튼이 스터디장만 보이도록 조건 추가.
    • 스터디 회원 목록 표시 및 멤버 삭제 기능 구현.
  4. 스터디 가입 신청 및 수락
    • 스터디 가입 신청 기능 추가 및 관련 서비스 함수 구현.
    • 스터디 가입 신청 목록 모달창으로 구현.
    • 가입 신청 및 스터디장에 의한 가입 수락 기능 연결.
  5. 디자인 개선
    • 멤버 목록 디자인 수정: 역할 및 삭제 버튼 추가, 리더/멤버별 배경색 구분.

기타


이미지

image image image image image image image

sernan96 commented 4 days ago

아니 완성도가 너무 높습니다 !! 수고하셨어요~~ 스터디원 목록이며 모달창 스타일이며 너무 좋아요~