feat: #22/사이드 바 페이지네이션 구현

[hyeonjiroh]

#️⃣ Issue Number

#22

📝 요약

• useIntersection 훅을 만들어서 무한 스크롤을 구현할 때 가져다 사용할 수 있게 했습니다.
• 사이드 바는 페이지네이션 리퀘스트로 요청을 보내되, 버튼식으로 페이지가 넘어가지 않고 무한 스크롤로 목록을 넘길 수 있도록 했습니다.

🛠️ PR 유형

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

📢 공유 사항

useIntersection hook 사용 방법

  useIntersection({
    target: observerRef,
    onIntersect: handleLoad,
    disabled: isLast,
  });

• target: 관찰할 DOM 요소 (마지막 아이템의 ref)
• onIntersect: 요소가 화면에 보일 때 실행할 콜백 함수
• disabled: true이면 observer 비활성화 (더 이상 데이터 없음 = isLast)

[vercel]

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

Name	Status	Preview	Comments	Updated (UTC)
taskify	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Mar 30, 2025 0:40am

The merge-base changed after approval.

The merge-base changed after approval.