Skip to content
Open
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension


Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
1 change: 1 addition & 0 deletions .gitignore
Original file line number Diff line number Diff line change
@@ -0,0 +1 @@
node_modules
Binary file added .parcel-cache/07cf0709ceab71e9
Binary file not shown.
Binary file added .parcel-cache/092db1189cc128d8
Binary file not shown.
Binary file added .parcel-cache/220769fbb9a561a3
Binary file not shown.
Binary file added .parcel-cache/3d694d14f39909c6
Binary file not shown.
Binary file added .parcel-cache/4f850010d38850c3
Binary file not shown.
21,887 changes: 21,887 additions & 0 deletions .parcel-cache/95e4faa79ab2effb.txt

Large diffs are not rendered by default.

Binary file added .parcel-cache/a5de32a6051bfa11
Binary file not shown.
Binary file added .parcel-cache/a812c0ecb95413e4
Binary file not shown.
Binary file added .parcel-cache/a9f5484dda8bfe2c
Binary file not shown.
21,887 changes: 21,887 additions & 0 deletions .parcel-cache/d03bba54a655be5c.txt

Large diffs are not rendered by default.

Binary file added .parcel-cache/d43c1a783b32ded4
Binary file not shown.
Binary file added .parcel-cache/data.mdb
Binary file not shown.
Binary file added .parcel-cache/lock.mdb
Binary file not shown.
39 changes: 39 additions & 0 deletions README.md
Original file line number Diff line number Diff line change
Expand Up @@ -3,6 +3,45 @@
주어진 API를 활용해 '[완성 예시](https://stupefied-hodgkin-d9d350.netlify.app/)' 처럼 자유롭게 영화 검색 기능을 구현해보세요!
과제 수행 및 리뷰 기간은 별도 공지를 참고하세요!

## 과제제출

- [링크](https://dhmoon11.github.io/movie/)

## 사용한 기술

- HTML
- CSS
- JS

## 아쉬운 점

아직 JS에 대한 이해가 부족한 상태로 과제를 진행하게 되어 강의영상을 보며 과제를 하게 되었고 선택 사항의 추가적인 기능들을 구현하지 못했다.

## 요구사항

필수 요구사항은 꼭 달성해야 하는 목표로, 수정/삭제는 불가하고 추가는 가능합니다.
선택 요구사항은 단순 예시로, 자유롭게 추가/수정/삭제해서 구현해보세요.
각 요구사항은 달성 후 마크다운에서 `- [x]`로 표시하세요.

### ❗ 필수

- [x] 영화 제목으로 검색이 가능해야 합니다!
- [x] 검색된 결과의 영화 목록이 출력돼야 합니다!
- [x] 단일 영화의 상세정보(제목, 개봉연도, 평점, 장르, 감독, 배우, 줄거리, 포스터 등)를 볼 수 있어야 합니다!
- [x] 실제 서비스로 배포하고 접근 가능한 링크를 추가해야 합니다.

### ❔ 선택

- [ ] 한 번의 검색으로 영화 목록이 20개 이상 검색되도록 만들어보세요.
- [ ] 영화 개봉연도로 검색할 수 있도록 만들어보세요.
- [x] 영화 목록을 검색하는 동안 로딩 애니메이션이 보이도록 만들어보세요.
- [ ] 무한 스크롤 기능을 추가해서 추가 영화 목록을 볼 수 있도록 만들어보세요.
- [ ] 영화 포스터가 없을 경우 대체 이미지를 출력하도록 만들어보세요.
- [x] 영화 상세정보가 출력되기 전에 로딩 애니메이션이 보이도록 만들어보세요.
- [x] 영화 상세정보 포스터를 고해상도로 출력해보세요. (실시간 이미지 리사이징)
- [x] 차별화가 가능하도록 프로젝트를 최대한 예쁘게 만들어보세요.
- [ ] 영화와 관련된 기타 기능도 고려해보세요.

## 과제 수행 및 제출 방법

```
Expand Down
Binary file added dist/2001386.2b900d3b.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading