Skip to content

[week04] 제리 4주차 미션#14

Open
choyekyo wants to merge 1 commit into
umc-react-study:mainfrom
choyekyo:week04_Jerry
Open

[week04] 제리 4주차 미션#14
choyekyo wants to merge 1 commit into
umc-react-study:mainfrom
choyekyo:week04_Jerry

Conversation

@choyekyo

Copy link
Copy Markdown
Contributor

feat: TMDB API 연동 및 무한 스크롤 구현

작업 내용

  • TMDB API 호출 공통 함수(fetchMovies) 구현 및 popular / now_playing / top_rated / upcoming 4개 엔드포인트 분리
  • useQuery / useInfiniteQuery 커스텀 훅 분리
  • Query Key Factory 패턴 도입으로 쿼리 키 중앙 관리
  • useInView 기반 무한 스크롤 구현
  • 최초 로딩 / 추가 페이지 로딩 상태 분리하여 Skeleton UI 적용

옵션

  • 일반 쿼리는 페이지별 독립 캐시, 무한 쿼리는 infinite 키로 전체를 단일 캐시로 관리
  • infiniteOptions 공통 객체로 무한 쿼리 훅 간 중복 제거
  • threshold: 0.5 설정으로 감시 요소가 50% 이상 노출될 때 다음 페이지 요청

자세한 설명) https://coding-cherry.tistory.com/59

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant