[노마드코더/ReactJS로 영화 웹 서비스 만들기] 4.0 Fetching Movies from API

4.0 Fetching Movies from API

Axios

• fetch위에 있는 작은 layer
• 브라우저, Node.js를 위한 Promise API를 활용하는 HTTP 비동기 통신 라이브러리

• axios.get() axios로부터 온 data를 잡아야함

• axios는 느려서 javasscript에게 componentDidMount함수가 끝날떄까지 기다려야한다고 전해야함

1. async

   async componentDidMount(){     const movies= axios.get("https://yts-proxy.now.sh/list_movies.json");
   }

2. function 따로 만들고 async await 이용

   getMovies=async()=>{ //async: 함수가 비동기라는 것 
    const movies= await axios.get("https://yts-proxy.now.sh/list_movies.json");
   }// await: axios가 끝날때까지 기다렸다가 지속됨
   componentDidMount(){ 
    this.getMovies();
   }