[#73] Feat/와인목록페이지 무한스크롤

[LMS10]

#️⃣ Issue

• close Feat : [와인 목록 페이지] 와인 목록 무한스크롤 작업 #73

📝 Description

• 와인 목록 가져오는 fetchWines 함수 구현
  API 요청 로직을 별도의 함수로 분리하여 관리가 용이하도록 개선

• 필터링된 와인 목록을 무한스크롤 방식으로 구현

  • WineList 부분을 특정 높이로 고정하고 overflow-y: auto 설정 + 스크롤 숨기기
  • Intersection Observer를 WineList 내부에서 감지하도록 설정
    • 리스트에서 마지막 아이템을 감지하는 ref 추가 (lastWineRef)
      -> forwardRef를 사용하여 WineCard에서 ref를 받을 수 있도록 변경
    • 마지막 아이템이 Viewport에 들어오면 추가 데이터 로드
    • 해당 요소가 화면에 보이면 Intersection Observer가 loadMoreWines() 실행

🌀 PR Type

어떤 변경 사항이 있나요?

• 새로운 기능 추가
• 버그 수정
• CSS 등 사용자 UI 디자인 변경
• 코드에 영향을 주지 않는 변경사항 (오타 수정, 탭 사이즈 변경, 변수명 변경)
• 코드 리팩토링
• 주석 추가 및 수정
• 문서 수정
• 테스트 추가, 테스트 리팩토링
• 빌드 부분 혹은 패키지 매니저 수정
• 파일 혹은 폴더명 수정
• 파일 혹은 폴더 삭제

✅ Checklist

PR Checklist

PR이 다음 요구 사항을 충족하는지 확인하세요.

• Branch Convention 확인

  feat/ 피쳐, fix/ 버그 수정, refactor/ 개선

• Base Branch 확인
• 커밋 메시지 컨벤션 준수
• 적절한 Label 지정
• Assignee 및 Reviewer 지정

Test Checklist

• 로컬 작동 확인

Additional Notes

• (없음)

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
wine	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Feb 14, 2025 5:07pm