TIL 6/5 Fetch, promise

영화 API를 활용해 영화 목록들을 불러와 보여주고

 

클릭했을 때 다시 해당 ID의 영화정보를 불러왔다.

 

추가적으로 버튼을 클릭했을 때 API에 fetch요청으로 비디오의 key값을 받아와 해당 영화의 트레일러 영상을 보여줬는데

 

클릭이 발생하고 fetch요청을 시도해서 반응이 느리고 재생까지 시간이 오래 걸렸다.

 

해결한 방법은 영화 상세페이지로 이동시 해당 ID로 Fetch요청을 보내고, 동시에 key값을 받아오는 Fetch요청을 보냈다.

 

그래서 클릭시 미리 받아놓은 Fetch 데이터로 빠르게 영상을 보여줄 수 있었다.

 

추가적인 궁금증은 promise를 사용하며 각종 함수를 동기적으로 연산했는데 이런 상황에서 가장 효율적이고 빠른 방법이다.

 

자료를 찾아보고 실제로 적용해봐야겠다.