feat: 스터디 및 문제집 기능 프로토타입 구현

[sernan96]

개요

스터디 그룹과 문제집 관리를 위한 기능을 어플리케이션에 추가했습니다. 이 기능을 통해 사용자는 스터디 그룹을 생성하고, 구성원 관리 및 문제집을 추가하는 등의 기본 작업을 수행할 수 있습니다.

구현 사항

1. 문제집 관리 기능 구현

   • 문제집 리스트 페이지: 전체 문제집을 검색 및 정렬하고 페이지네이션을 통해 표시합니다.
   • 문제집 상세 페이지: 선택한 문제집의 세부 정보를 조회할 수 있으며, 문제집에 문제를 추가할 수 있는 버튼을 제공.
   • 임시 데이터: 프로토타입 구현 단계에서는 임시 데이터를 사용하여 문제집 리스트 및 세부 정보가 출력되도록 했습니다.

2. 스터디 그룹 관리 기능 구현

   • 스터디 그룹 리스트 페이지: 사용 가능한 스터디 그룹을 검색 및 정렬하고 페이지네이션을 통해 표시합니다.
   • 스터디 그룹 상세 페이지: 선택한 스터디 그룹에 대한 정보를 확인하고, 스터디 전용 게시판, 구성원 관리, 가입 요청 승인 및 거절, 문제집 목록을 조회할 수 있습니다.
   • 기능별 라우팅 설정: 스터디 그룹 및 문제집 관련 페이지들로 이동할 수 있도록 라우팅을 설정했습니다.

3. UI 개선

   • 페이지 구조와 시각적 안정성을 고려하여 각 페이지에 스타일을 추가하고, 버튼 및 메뉴 스타일을 정리하여 직관적인 인터페이스를 제공했습니다.
   • 돌아가기 링크, 액션 버튼 등에 색상 및 호버 효과를 추가하여 사용자 경험을 개선했습니다.

기타

• 현재 일부 기능(정확한 데이터 처리 및 API 연결 등)은 임시 데이터로 대체되어 있으며, API 구현 이후 실제 데이터를 적용할 예정입니다.
• 리스트 및 상세 페이지 UI가 일부 불안정하며, 디자인 리팩토링을 통해 개선할 계획입니다.

이미지(프로토타입 UI)

• 스터디 리스트 UI

• 스터디 detailUI

• 문제집 리스트 UI

• 문제집 detail UI

[cryingdryice]

이제 필수 페이지가 다 구성되었군요! 수고하셨습니다!