영화 정보를 검색하고, 상세한 정보를 확인할 수 있는 웹 애플리케이션입니다. 장르, 개봉일, 줄거리, 평점 등 다양한 정보를 확인할 수 있어요!
- 🎯 영화 검색: 영화 제목으로 검색 가능
- 📋 상세 정보 보기: 장르, 개봉일, 줄거리, 평점 등 상세한 정보 제공
- 💡 정적 데이터 사용: movieList.js에 미리 정의된 영화 데이터 사용
- 📱 반응형 디자인: Bootstrap을 이용한 다양한 화면 대응
- 💬 원어 표기 지원: 영화의 원어(title 및 언어 코드) 제공
movieSearchApp/
├── index.html # 메인 페이지 (검색 화면)
├── detail.html # 영화 상세 페이지
├── about.html # 개발자 소개 페이지
├── js/
│ ├── main.js # 메인 로직
│ ├── detail.js # 상세 페이지 로직
│ └── movieList.js # 정적 영화 데이터
└── README.md # 프로젝트 설명 파일
- HTML5
- JavaScript (ES6)
- Bootstrap 5
- Font Awesome
- Animate.css
- Typed.js
- AOS
- 이 저장소를 클론하세요:
git clone https://github.com/d0ikim/movieSearchApp.git
- 폴더로 이동:
cd movieSearchApp index.html파일을 브라우저로 열면 바로 실행됩니다. 서버 없이 로컬에서 실행되는 정적 웹 페이지입니다.
현재는 movieList.js 파일에 포함된 샘플 영화 데이터를 사용합니다. TMDB API나 OMDb API를 연결해 실시간 검색 기능으로 확장할 수 있어요!
detail.html은 주소에 ?id=영화ID 쿼리를 추가해 영화 정보를 표시합니다.
깃허브: @d0ikim