[JavaScript] 자바스크립트의 비동기 처리(Call back, Promise, Async / Await)

동기(Synchronous)와 비동기(Asynchronous)란? 동기는 직렬적(순차적)으로 작동하는 방식입니다. 요청을 보내면 해당 요청이 완료된 후 다음 동작을 실행하는 방식입니다. 비동기는 병렬적으로 작동하는 방식입니다. 요청을 보내면 응답과 관계 없이 다음 동작을 실행하는 방식입니다. 자바스크립트의 비동기 처리 자바스크립트는 싱글 스레드로 돌아가는 언어이기 때문에 한 번에 한 작업만, 하나의 메인 스레드에서 처리될 수 있습니다. 다른 작업은 앞선 작업이 끝나야 수행됩니다. 즉, 자바스크립트는 동기식 언어입니다. 하지만 데이터 요청이나 타이머 등 오랜 시간이 걸리는 작업을 처리할 때에도 동기적으로 처리한다면 어떻게 될까요? 데이터가 불러와지는 동안 사용자는 버튼을 클릭하는 등 어떠한 액션을 취해도 아무 반응없는 화면을 마주해야 합니다. 이러한 문제를 해결하기 위해 자바스크립트는 브라우저에 내장된 Web API를 이용한 비동기 처리를 지원합니다. 비동기 처리를 사용하면 데이터 요...

원문링크 : [JavaScript] 자바스크립트의 비동기 처리(Call back, Promise, Async / Await)