자바스크립트 비동기
-
자바스크립트 비동기 처리 async & awaitStudy/JavaScript 2020. 2. 10. 11:12
What is async & await? async & await 문법은 자바스크립트 비동기 처리 패턴 중 비교적 최근에 나온 문법이다. 이는 콜백 함수와 프로미스의 단점을 보완하고 가독성을 높이고 관리의 편의성을 높인 방식이다. 기본 문법 구조 async function 함수명() { await 비동기처리메소드명(); } async는 함수명 앞에 붙여주고 await는 비동기 처리 메소드명 앞에 붙여준다. await 뒤에 오는 비동기 처리 메소드는 반드시 Promise 객체를 반환하는 함수여야 한다. 보통 Axios와 같이 프로미스 객체를 반환하는 API 호출 함수가 비동기 처리 메소드 자리에 온다. 그리고 await 키워드는 async 함수 내부에서만 유효하다. 여러 개 비동기 처리 다루기 with H..
-
자바스크립트 비동기 처리 다루기 (Asynchronous call)Study/JavaScript 2020. 2. 8. 09:00
왜 비동기 처리가 필요한가? 자바스크립트 코드가 작성된 순서대로 실행되어야 하는 경우가 있고 그렇지 않은 경우가 있다. 예를 들어, 서버에 데이터를 요청한 후에 데이터가 포함된 화면을 출력하는 코드가 있다고 하자. 그런데 어떠한 문제가 발생하여 데이터를 불러오는데 오랜 시간이 걸리게 되면 데이터를 불러오는 코드에서 작업이 멈추게 되고 그 다음에 작성된 코드는 실행조차 되지 않는다. 이와 같이 모든 코드가 작성된 순서대로, 즉 동기적으로 처리된다면? 아마 웹 애플리케이션을 실행하는데는 수십 분이 소요될 것이다. 이럴 때 필요한 것이 코드가 작성된 순서대로 실행되지 않고, 특정 작업의 처리가 끝날 때 까지 기다려주지 않고 나머지 코드를 먼저 실행하는 것이 비동기 처리이다. 비동기 처리 Asynchronous..