[리액트] 영화 검색 정렬 &필터

TMDB Discover API 

• 목적: 다양한 필터와 정렬 옵션을 사용해 영화 목록을 조회할 수 있음
• 기본 엔드포인트:
  https://api.themoviedb.org/3/discover/movie

주요 쿼리 파라미터

파라미터	설명	예시 값
page	페이지 번호 (기본값: 1)	1, 2, ...
sort_by	정렬 기준	popularity.desc (인기순 내림차순)
		release_date.desc (최신 영화 순)
		vote_average.desc (평점순)
with_genres	장르 필터 (장르 ID 리스트, 쉼표로 구분 가능)	28 (액션), 28,12 (액션+모험)
primary_release_date.gte	출시일 시작 범위	2023-01-01
primary_release_date.lte	출시일 종료 범위	2023-12-31
vote_average.gte	평점 최소값	7.0
vote_average.lte	평점 최대값	10
with_keywords	키워드 필터	1234
include_adult	성인 영화 포함 여부 (기본값: false)	true, false

---

자주 쓰이는 정렬 옵션 (sort_by)

• popularity.desc: 인기순 내림차순 (가장 많이 인기있는 영화부터)
• release_date.desc: 출시일 최신순
• vote_average.desc: 평점 높은순
• primary_release_date.asc: 출시일 오래된 순

---

예시 요청 URL

 

GET https://api.themoviedb.org/3/discover/movie?api_key=YOUR_API_KEY&language=ko-KR&page=1&with_genres=28&sort_by=popularity.desc

• 액션 장르(28) 영화 중 인기순으로 1페이지 결과를 한국어로 조회

TMDB API search/movie는 텍스트 검색만 가능하며, 장르 필터(with_genres)와 정렬(sort_by) 파라미터를 지원하지 않음 

검색했을때

그래서

디폴트 화면

기존 필터링 칸 없애버림

 

https://netflix-six-lac.vercel.app/movies?page=1