4주차 과제

제가 저번 학기에 학기 중 스터디할 때 창회님이 내주셨던 과제입니다. 간단하게 영화 목록을 불러오고 영화들의 정보를 보여주는 소개 페이지를 만들어주시면 됩니다.

CSS 학습이 아니므로, 예쁘게 할 필요 없고 반응형 할 필요 없습니다. 간단하게 API 호출해보고 영화 포스터도 받아와서 화면에 뿌려보는 정도로만 하셔도 됩니다.

사용할 API 주소는 아래 링크입니다.

(List Movies, Movie Details, Movie Suggestions) 3종류의 API만 제약없이 사용가능하고, 나머지는 회원가입이 필요하므로 이 3종류만 사용하시면 됩니다.

공부가 목적이기 때문에 API 호출을 중첩하여 사용해보셨으면 좋겠습니다. 예를 들어

첫 화면에서 List Movies 를 통해 영화 목록을 가져온 직후 Movie Details 를 호출해 상세 정보도 첫 화면에서 보여주는 것
영화를 클릭했을 때 Movie Suggestions 를 호출해 해당 영화의 연관 영화를 불러온 직후, Movie Details 를 호출해 연관 영화의 상세 정보도 같이 보여주는 것

기타 등등! API 가 3종류여서 어떤 중첩 상황이 더 있을지 모르겠지만, 동기적으로 API 를 호출해야 하는 경우를 생각해서 적용해보셨으면 합니다.

우선 강의록 참고해주시고, 간단한 예제를 첨부합니다.