Skip to content

hjaewon/vibe-api-test

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

1 Commit
 
 
 
 
 
 
 
 

Repository files navigation

Netflix Clone - 현재 상영 중인 영화

TMDB API를 사용하여 현재 상영 중인 영화를 Netflix 스타일로 보여주는 웹페이지입니다.

🎬 기능

  • 현재 상영 중인 영화: TMDB API를 통해 실시간 영화 데이터 로드
  • Netflix 스타일 디자인: 다크 테마와 반응형 레이아웃
  • 영화 정보: 포스터, 제목, 줄거리, 평점, 개봉일 표시
  • 별점 시스템: 평점을 별점으로 시각화
  • 반응형 디자인: 데스크톱, 태블릿, 모바일 최적화

🚀 사용법

  1. index.html 파일을 브라우저에서 열기
  2. 자동으로 현재 상영 중인 영화 목록이 로드됩니다

🛠️ 기술 스택

  • 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           # 프로젝트 문서

🔧 API 설정

TMDB API 키가 script.js 파일에 하드코딩되어 있습니다. 보안을 위해 실제 배포 시에는 환경변수나 별도 설정 파일을 사용하는 것을 권장합니다.

📄 라이선스

이 프로젝트는 개인 학습 목적으로 제작되었습니다.

About

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors