## 박스오피스 목록 화면 구현
- 박스오피스 정보 : https://www.kobis.or.kr/kobisopenapi/homepg/apiservice/searchServiceInfo.do?serviceId=searchDailyBoxOffice
- `어제`의 박스오피스를 볼 수 있는 화면을 구현합니다.
- 리스트를 아래로 잡아끌어서 놓으면 리스트를 새로고침합니다 (당겨서 새로고침)
- 처음 목록을 로드할 때, 사용자에게 빈 화면만 보여주는 대신, 로드 중임을 알 수 있게 해주세요.
- 화면 상단에는 날짜를 표기합니다
- 리스트 형태로 박스오피스 정보를 표기합니다
- 박스오피스 정보의 각 열에 표기할 필수정보
- 맨 왼쪽에는 영화의 현재 등수를 표기합니다
- 신규 영화면 등수 아래에 `신작`이라고 표기합니다
- 기존 영화면 어제와 비교한 등락을 표기합니다
- 순위 상승 : 빨간 화살표 + 등락 편차
- 순위 하락 : 파란 화살표 + 등락 편차
- 변동 없음 : `-` 표기
- 해당 일자의 관객수와 누적 관객수를 표기합니다
- 숫자가 세 자리 이상 넘어가면 `,`를 활용하여 읽기 쉽도록 합니다. 예) 10,000
|||
|---|---|
## Step 4 : 영화 상세화면 구현
- 영화의 상세내용을 확인할 수 있는 화면을 구현합니다.
- 표시할 영화 정보
- 제목
- 포스터 이미지
- 감독
- 제작년도
- 개봉일
- 상영시간
- 관람등급
- 제작국가
- 장르
- 배우
- 영화 포스터 이미지는 [다음 이미지 검색 API](https://developers.kakao.com/docs/latest/ko/daum-search/dev-guide#search-image)를 활용합니다
- 영화 포스터 이미지는 `[영화제목] + [영화 포스터]`로 이미지 검색하여 제일 첫 이미지를 사용합니다
- 예) `"실미도 영화 포스터"` 검색
- 이미지가 로드되기 전에는 이미지가 로드중임을 알 수 있도록 적절히 처리해주세요
- 내용이 길어지면 위아래로 스크롤 할 수 있도록 구현해주세요
|||
|---|---|
## Step 5 : 날짜선택 화면 구현
---
- 날짜를 선택하고, 선택한 날짜에 따라 박스오피스 정보를 새로 수신하여 화면에 표시합니다
- 선택할 수 있는 날짜는 오늘까지로 제한합니다
- 날짜선택 화면의 달력에는 현재 선택된 날짜가 미리 선택되어 있어야합니다
|||
|---|---|
> 💡 STEP5의 첫 PR 전송은 셋째주 목요일 오후(17:00)까지를 목표로 합니다.
>
### Step 5 핵심 경험
- [ ] `UICalendarView`의 활용
- [ ] `Date` 및 `Calendar` 타입의 이해
`Step 6는 셋째주 월요일 오전에 공개합니다`
## Step 6 : 화면 모드 변경
- 메인화면의 모드를 변경할 수 있습니다
- 리스트 ↔ 아이콘
- 아이콘 모드의 화면에서도 리스트 화면과 마찬가지로 당겨서 새로고침과 날짜변경을 할 수 있습니다
- 즉, 리스트 모드와 외형만 다를 뿐 기능은 같습니다
|||
|---|---|
||||
|---|---|---|
- 각 화면의 요소에 `Dynamic Type`을 적용하여 **사용자 설정에 실시간 대응**할 수 있도록합니다
|||
|---|---|