TMDB API를 사용하여 현재 상영 중인 영화를 Netflix 스타일로 보여주는 웹페이지입니다.
- 현재 상영 중인 영화: TMDB API를 통해 실시간 영화 데이터 로드
- Netflix 스타일 디자인: 다크 테마와 반응형 레이아웃
- 영화 정보: 포스터, 제목, 줄거리, 평점, 개봉일 표시
- 별점 시스템: 평점을 별점으로 시각화
- 반응형 디자인: 데스크톱, 태블릿, 모바일 최적화
index.html파일을 브라우저에서 열기- 자동으로 현재 상영 중인 영화 목록이 로드됩니다
- HTML5: 시맨틱 마크업
- CSS3: Flexbox, Grid, 애니메이션
- JavaScript (ES6+): TMDB API 연동, 비동기 처리
- TMDB API: 영화 데이터 제공
- 데스크톱: 1200px 이상
- 태블릿: 768px - 1199px
- 모바일: 480px - 767px
- 소형 모바일: 480px 미만
- Netflix 브랜드 컬러 (#e50914) 사용
- 카드 호버 효과와 부드러운 애니메이션
- 그라데이션 배경과 그림자 효과
- 커스텀 스크롤바 스타일링
hjw-netflix/
├── index.html # 메인 HTML 파일
├── style.css # CSS 스타일시트
├── script.js # JavaScript 로직
└── README.md # 프로젝트 문서
TMDB API 키가 script.js 파일에 하드코딩되어 있습니다.
보안을 위해 실제 배포 시에는 환경변수나 별도 설정 파일을 사용하는 것을 권장합니다.
이 프로젝트는 개인 학습 목적으로 제작되었습니다.