Part 2-2 Axios 병렬요청하기 (feat. Promise.all)

await 난사

서로 연결되지 않는이상 await을 남발하면 퍼포먼스가 떨어질수도 있다.

 

이럴땐 Promise.all() 을 사용해서 병렬로 처리할수있다.

function getMovies(){
    return async (dispatch)=>{
        const popularMovieApi = api.get(`movie/popular?api_key=${API_KEY}&language=en-US&page=1`)
        const topRateApi = api.get(`movie/top_rated?api_key=${API_KEY}&language=en-US&page=1`)
        const upComingApi = api.get(`movie/upcoming?api_key=${API_KEY}&language=en-US&page=1`)

       await Promise.all([popularMovieApi,topRateApi,upComingApi])
}}

await 단 한번으로 동시에 진행할수있다.

 

한번에 다 된다