Netflix & YouTube API

이 프로젝트는 TMDB API와 YouTube API를 활용하여
넷플릭스와 유사한 형태의 영화 콘텐츠 웹사이트를 구현한 개인 사이드 프로젝트입니다.

넷플릭스 스타일 영화 콘텐츠 웹사이트 구현

TMDB API를 통해 인기 영화/TV 프로그램 정보를 실시간으로 불러오고,
각 콘텐츠 클릭 시 유튜브 트레일러 영상을 자동으로 가져와 사용자에게 제공되도록 개발하였습니다.
HTML, CSS, JavaScript를 기반으로 UI를 구성하였으며, 반응형 디자인을 통해 다양한 기기에서도 자연스럽게 동작합니다.

Google Tag Manager(GTM) 스크립트 삽입

해당 코드는 Google Tag Manager를 웹페이지에 연결하기 위한 JavaScript 삽입 코드입니다.

GTM을 통해 Google Analytics, Facebook Pixel 등 다양한 마케팅 및 분석 태그를 한 곳에서 효율적으로 관리할 수 있습니다.
head 태그 안에 위치하며, 페이지가 로드될 때 트래킹 코드들이 실행될 수 있도록 설정됩니다.

API Key 관리 및 모듈화

외부 API(TMDB, YouTube 등)를 활용하기 위해 별도의 env.js 파일을 생성하여
API Key를 상수로 선언하고 모듈화(export)하여 사용하였습니다.
이 방식을 통해 코드의 재사용성과 유지보수성을 높이고,
향후 키 변경 시에도 프로젝트 전체에서 손쉽게 반영될 수 있도록 설계하였습니다.