#06-feat/home

[jake0218]

Issue

📌 제목

feat/home (모임 목록 조회 페이지)

branch: feat/home

---

💡 문제 설명

모임 목록 페이지와 GNB 프로토타입 기능 개발 예정입니다.

---

🛠 작업 상세

• 모임 목록 조회:

  • 원하는 모임 종류(달램핏, 워케이션)에 대해 다른 유저가 만든 모임 목록을 확인할 수 있습니다.
  • 원하는 지역, 날짜에 대해 필터링 및 마감 임박, 참여 인원 순으로 정렬할 수 있습니다.
  • Server Side Rendering으로 초기 10개 목록을 불러오고, Client Side에서 무한 스크롤을 통해 모임 목록을 추가로 Fetching 합니다.
  • 현재 참여 인원을 Progress bar로 표현하고 충족 여부에 따라 색상을 강조합니다.
  • 모임 아이템 클릭 시 모임 상세 페이지로 이동합니다.
  • 취소된 모임은 조회되지 않습니다.

• 모임 만들기:

  • 장소, 날짜, 모집 정원 등을 입력하여 새로운 모임을 생성할 수 있습니다.
  • 입력 값 중 유효성 검사에서 실패한 입력이 있으면 확인 버튼이 비활성화됩니다.
  • 로그인 되어 있지 않은 경우 로그인이 필요하다는 팝업과 함께 로그인 페이지로 리디렉션 됩니다.

• 모임 찜하기:

  • 로그인 전에도 찜하기를 할 수 있습니다.
  • 찜한 모임 정보는 웹 스토리지에 저장하여 찜한 모임 페이지에서 활용합니다.

• 모임 만들기 버튼:

  • 로그인 되어 있는 경우 모임 만들기 모달이 나타납니다.
  • 로그인 되어 있지 않은 경우 로그인 페이지로 이동합니다.
  • 추후 로그인/회원가입 이후 만들기 모달로 돌아올 수 있도록 웹 스토리지에 정보를 저장합니다.

• 애니메이션 적용

  • 탭 클릭 시 바가 옆으로 이동하도록 합니다.
  • 찜하기 클릭 시 아이콘 크기와 색상이 변하며 클릭되는 효과를 줍니다.
  • 모임 아이템 호버 시, 그림자 생성 애니메이션이 적용됩니다.
  • 스크롤 시 fade in/fade out 효과를 적용합니다.

---

🔗 관련 링크 & 스크린샷 (선택)

---

🎯 완료 조건

• (예: "모든 브라우저에서 UI가 정상적으로 표시됨")
• (예: "테스트 환경에서 로그인 기능 정상 동작 확인")