TMDB : https://www.themoviedb.org/?language=ko 영화 예고편 사이트 : https://baykoreansmovie.vercel.app/ (직접 보시고 평가 부탁드립니다) "단순한 페이지를 넘어, '살아있는 사용자 경험(UX)'을 구현합니다." 전 세계 영화 데이터를 제공하는 TMDB API를 실시간 연동하여, 누구나 직관적으로 사용할 수 있는 영화 예고편 플랫폼을 구축했습니다. 겉으로 보이는 디자인뿐만 아니라, 자바스크립트를 활용한 정교한 인터랙션 구현에 집중했습니다. [핵심 구현 기능] 실시간 API 데이터 바인딩: 외부 API를 통해 최신 영화 정보 및 유튜브 예고편 데이터를 실시간으로 불러옵니다. 인터랙티브 UX: 마우스 커서를 올리면 즉시 예고편이 자동 재생되는 호버 액션을 구현하여 사용자 몰입감을 높였습니다. 동적 상세 페이지 전환: 영화 클릭 시 전체 화면 예고편과 상세 설명 탭으로 매끄럽게 전환되는 단일 페이지 애플리케이션(SPA) 스타일의 로직을 적용했습니다. 정교한 검색 및 필터링: 카테고리별 장르 이동은 물론, 실시간 검색 기능을 통해 원하는 영화를 즉각적으로 찾아볼 수 있습니다. [기술적 강점] Pure JS 로직: 라이브러리에만 의존하지 않고 Vanilla JS로 복잡한 이벤트 리스너와 비동기 통신을 직접 제어했습니다. 고객 맞춤형 확장: 이러한 API 연동 기술은 향후 부동산 매물 사이트, 제품 카탈로그 등 다양한 비즈니스 모델에 즉시 적용 가능합니다.