⚡ 1차 제출본
⚡ 수정본!
지난 번 받은 리뷰를 바탕으로 많은 부분이 바뀌었습니다! 😋
- 검색어가 짧을 경우 api 호출 이전에 에러메시지를 출력하도록 코드 수정
- 검색어를 한글로 입력 시 출력되는 에러메시지 추가
- 영화 상세정보 모달 기능 추가
- 출력갯수 옵션 선택 시 비효율적으로 api호출하던 코드 수정
- api key 비공개처리
- 모듈화
- 시대별 검색 옵션 추가
- 그 외 함수명 변경, 이미지 alt속성 추가 등...
- 시대별 검색 기능 미완성 상태입니다. for문 안에 await을 붙이니 1년단위로 순차적 출력이 되고 있는데 출력갯수 오류 없이 밖으로 빼내는 방법을 잘 모르겠습니다...
- 시대별 검색 함수가 실행되면 검색된 영화 전체가 한번에 출력됩니다. 함수 안에 어떤 코드를 추가해야 첫 호출 시 10개만 출력되게 할 수 있을까요? 😥
- 최대한 모듈화 해 보고 싶어서 짧은 코드 두개를 loading.js에 넣어놨는데 이런 식의 옹졸한 모듈도 괜찮은지... 아니면 짧은 코드는 main.js에서 관리하는게 더 나은지 궁금합니다.
- 영화 제목으로 검색 가능하고 검색된 결과의 영화 목록이 출력돼야 합니다.
- jQuery, React, Vue 등 JS 라이브러리와 프레임워크는 사용하지 않아야 합니다.
- 스타일(CSS) 라이브러리나 프레임워크 사용은 자유입니다.
- 실제 서비스로 배포하고 접근 가능한 링크를 추가해야 합니다.
- 한 번의 검색으로 영화 목록이 20개 이상 검색되도록 만들어보세요.
- 영화 개봉연도로 검색할 수 있도록 만들어보세요.
- 영화 목록을 검색하는 동안 로딩 애니메이션이 보이도록 만들어보세요.
- 무한 스크롤 기능을 추가해서 추가 영화 목록을 볼 수 있도록 만들어보세요.
- 영화 포스터가 없을 경우 대체 이미지를 출력하도록 만들어보세요.
- 단일 영화의 상세정보(제목, 개봉연도, 평점, 장르, 감독, 배우, 줄거리, 포스터 등)를 볼 수 있도록 만들어보세요.
- 영화 상세정보가 출력되기 전에 로딩 애니메이션이 보이도록 만들어보세요.
- 영화 상세정보 포스터를 고해상도로 출력해보세요.(실시간 이미지 리사이징)
- 차별화가 가능하도록 프로젝트를 최대한 예쁘게 만들어보세요.
- 영화와 관련된 기타 기능도 고려해보세요.
- favicon Flaticon
- background image Luna Dunes © Jeffrey Lovelace
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent