🧾 개요

TMDB API를 활용하여 넷플릭스의 주요 UI와 기능을 재현한 클론 프로젝트입니다. React 컴포넌트 기반으로 설계되었으며, 사용자 경험(UX) 중심의 화면 구성과 기능 구현을 통해 실제 서비스와 유사한 인터랙션을 구현했습니다.

🧑‍💻 구현 파트

• 페이지 라우트 구조 및 네비게이션 기본 세팅
• 카드 UI 전반 구현 (카드, 카드 그리드/리스트, 포스터, 포스터 리스트)
• 콘텐츠 상세 모달(디테일 카드) 컴포넌트 구현 및 API 연동
• 홈 화면 페이지 구성 및 TMDB API 연동
• 로컬 스토리지를 활용한 찜 기능(추가/삭제) 및 Context 전역 관리 구현
• 찜한 콘텐츠 리스트 페이지 구현

📸 주요 화면 미리보기

홈	홈-하단

요즘 대세 컨텐츠	내가 찜한 리스트

컴포넌트

카드	포스터	디테일 카드

카드 그리드
카드 리스트
포스터 리스트

🧠 Learning Point

• TMDB API 문서를 분석하고 다양한 콘텐츠 유형(영화, 시리즈, 다국어)에 따라 유연한 데이터 처리 구조 설계 경험
• 컴포넌트 단위 UI 분리와 props 기반 재사용성 높은 구조로 설계 경험
• React Context를 활용해 글로벌 상태 관리 구성 경험

🔗 GitHub | even-flix

🔗 배포 링크 | netflix 클론