Web 강의/ReactJS로 영화 웹 서비스 만들기

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

sumiin 2022. 3. 18. 16:55
반응형
SMALL

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();
    }
반응형
LIST