자바스크립트 비동기 처리
-
자바스크립트 비동기 처리 PromiseStudy/JavaScript 2020. 2. 9. 12:49
What is Promise? The Promise object represents the eventual completion (or failure) of an asynchronous operation, and its resulting value. Promise 객체는 자바스크립트의 비동기 처리에 사용되는 객체이며, 비동기 처리할 작업의 성공 또는 실패를 분리해서 코드를 실행하고 그에 대한 결과 값을 반환한다. Promise의 상태 프로미스는 Promise 객체가 생성되고 종료될 때까지 3가지 상태를 가지고 있다. 대기(pending) : 비동기 처리 로직이 아직 이행하거나 거부되지 않은 초기 상태 이행(fulfilled) : 비동기 처리가 성공적으로 완료되어 결과 값을 반환한 상태 거부(rejected..
-
자바스크립트 비동기 처리 다루기 (Asynchronous call)Study/JavaScript 2020. 2. 8. 09:00
왜 비동기 처리가 필요한가? 자바스크립트 코드가 작성된 순서대로 실행되어야 하는 경우가 있고 그렇지 않은 경우가 있다. 예를 들어, 서버에 데이터를 요청한 후에 데이터가 포함된 화면을 출력하는 코드가 있다고 하자. 그런데 어떠한 문제가 발생하여 데이터를 불러오는데 오랜 시간이 걸리게 되면 데이터를 불러오는 코드에서 작업이 멈추게 되고 그 다음에 작성된 코드는 실행조차 되지 않는다. 이와 같이 모든 코드가 작성된 순서대로, 즉 동기적으로 처리된다면? 아마 웹 애플리케이션을 실행하는데는 수십 분이 소요될 것이다. 이럴 때 필요한 것이 코드가 작성된 순서대로 실행되지 않고, 특정 작업의 처리가 끝날 때 까지 기다려주지 않고 나머지 코드를 먼저 실행하는 것이 비동기 처리이다. 비동기 처리 Asynchronous..