WEB/JavaScript

[JavaScript][비동기] 동기

bay07 2024. 4. 23. 15:29
▶ Synchronous 동기  ▶ Asynchronous 비동기 
프로그램의 실행 흐름이 순차적으로 진행된다. 
하나의 작업이 완료된 후에 다음 작업이 실행되는 방식이다. 
(동시에 진행될 수 없다)
프로그램의 실행 흐름이 순차적이지 않으며, 
작업이 완료되기를 기다리지 않고 
다음 작업이 실행되는 방식

작업의 완료 여부를 신경쓰지 않고 
동시에 다른 작업들을 수행할 수 있다. 
2. 메인 작업이 모두 수행되어야 마지막 작업이 수행된다

 
2. Gmail에서 메일 전송을 누르면 목록 화면으로 전환되지만
실제로 메일을 보내는 작업은 
병렬적으로 별도로 처리된다. 
3. 함수의 작업이 완료될 때까지 기다렸다가 
값을 반환해야 계속 진행할 수 있다 

3. 브라우저는 먼저 처리되는 요소부터
웹페이지를 그려 나가며
처리가 오래 걸리는 것들은 
별도로 처리가 완료 되는대로 병렬적으로 진행한다 
 
  ▷ Asynchronous의 특징

병렬적인 수행 
당장 처리를 완료할 수 없고, 시간이 필요한 작업들은
별도로 요청을 보낸 뒤 
응답이 빨리 오는 작업부터 처리한다