[TIL] 230830

Nextjs

프로젝트 작업을 하다가 영화 리스트를 필터링, 검색 등 기능이 들어간 컴포넌트를 클라이언트, 서버 컴포넌트 중 어떤 것을 사용해야할지 고민이 필요한 시점이 생겼다.
영화 리스트를 보여주는 부분을 클라이언트 컴포넌트로 구성하기로 하였다.
왜냐하면, 서버 컴포넌트는 SEO를 위해 사용하는데 영화 리스트를 SEO면에서 타겟팅을 할 필요가 없고 다른 좋은 대안이 많기 때문이다.

TMDB

또한 TMDB에서 상황에 따라 url을 다르게 할 필요가 있었는데, 문서를 탈탈 읽어보니 discover에서는 다음과 같이 다양한 정렬이나 필터링이 가능했다.

&sort_by=
popularity.desc
revenue.desc
primary_release_date.desc (개봉 예정인 것도 나옴)
vote_average.desc
vote_count.desc

&with_genres=장르id
&region=KR
&primary_release_date.lte=끝날짜

고려할 상황이 많다보니 생각이 정리가 되지 않아 노트에 적으면서 설계를 했는데, 하루가 훌쩍 지나가서 select와 검색 부분밖에 구현하지 못했다.
출력을 어떻게 할지 최종적으로 구현해야한다.