[Javascript] async와 await

json 호출을 할때 여러가지 방법이 있다.

그중에 네트워크를 통해 데이터를 불러오는 axios 방법이 있는데, axios는 네트워크를 사용하기 때문에 느리게 동작한다.

 

따라서 싱글 스레드인 Javascript는 해당 json이 다 불러와질 때까지 기다리느라 다른 작업을 하지 못한다. 

이 때 async와 await를 사용하여 Javascript에게 해당 json를 불러오는 함수는 비동기(다른 작업을 동시에 할 수 있는) 함수라는 것을 인지해주고, 비동기 작업의 대상 앞에 await를 붙여주어서 이 함수 실행이 끝날 때까지 시간이 걸릴 수 있다고 알려줘야한다.

 

예시)

getMovies = async () => {
	const movies = await axios.get('불러올 json url 파일');
    console.log(movies);
}

 

참고 서적 :

Do it! 클론 코딩 영화 평점 웹서비스:노마드 코더 니꼴라스와 만드는 진짜 리액트 앱