디테일한 영화 정보 제공

• 경로 파라미터로 전달된 영화 ID를 추출해 API를 호출하고, 해당 ID에 맞는 영화 데이터를 동적으로 렌더링했습니다.
• 영화 데이터에 포함된 영화 제목, 영화 줄거리, 장르, 런타임 그리고 영화 포스터 등을 사용자 친화적인 UI로 구현해 다양한 정보를 직관적으로 제공했습니다.
• props drilling을 피하기 위해, 다양한 컴포넌트에서 사용되는 영화 데이터를 Redux Toolkit을 활용해 전역 상태로 관리했습니다.

자유로운 영화 평가를 위한 리뷰 작성 기능 구현

• 유저는 로그인 후 0.5점 단위의 세밀한 별점 평가와, 음악, 힐링, 킬링타임 등 흥미로운 태그를 선택하여 리뷰를 작성, 수정, 삭제, 열람할 수 있습니다.
• 리뷰 모달 컴포넌트는 마이페이지에서 리뷰 수정 시에 재사용될 수 있도록 설계 했습니다.

페이지네이션 기능 구현

• 한 페이지당 5개의 리뷰를 보여주는 페이지네이션 기능을 구현했습니다.
• 리뷰는 페이지의 메인 콘텐츠가 아니며, 사용자는 소수의 리뷰만으로 전체 흐름을 파악하는 경향이 있다고 판단했습니다. 따라서, 무한 스크롤보다는 유저에게 추가 열람에 대한 선택권을 주는 페이지네이션 방식을 선택했습니다.

쿼리 파라미터를 이용한 영화 검색 기능 구현

• 사용자 테스트에서 영화 탐색이 제한적이라는 피드백을 반영하여, 유저가 검색한 내용과 가장 관련있는 20개의 영화를 보여주는 검색 기능을 구현했습니다. 유저는 영화 제목, 배우 이름, 감독 이름으로도 검색을 수행할 수 있습니다.
• 사용자가 입력한 검색어를 쿼리 파라미터로 구성해 서버로 전송하고, 해당 키워드와 가장 관련성 높은 20개의 영화 데이터를 받아와 보여주는 검색 페이지를 구현했습니다.