| ▶ Synchronous 동기 | ▶ Asynchronous 비동기 |
| 프로그램의 실행 흐름이 순차적으로 진행된다. 하나의 작업이 완료된 후에 다음 작업이 실행되는 방식이다. (동시에 진행될 수 없다) |
프로그램의 실행 흐름이 순차적이지 않으며, 작업이 완료되기를 기다리지 않고 다음 작업이 실행되는 방식 작업의 완료 여부를 신경쓰지 않고 동시에 다른 작업들을 수행할 수 있다. |
![]() |
![]() |
2. 메인 작업이 모두 수행되어야 마지막 작업이 수행된다![]() |
2. Gmail에서 메일 전송을 누르면 목록 화면으로 전환되지만 실제로 메일을 보내는 작업은 병렬적으로 별도로 처리된다. |
| 3. 함수의 작업이 완료될 때까지 기다렸다가 값을 반환해야 계속 진행할 수 있다 ![]() |
3. 브라우저는 먼저 처리되는 요소부터 웹페이지를 그려 나가며 처리가 오래 걸리는 것들은 별도로 처리가 완료 되는대로 병렬적으로 진행한다 ![]() |
![]() ![]() |
|
| ▷ Asynchronous의 특징 병렬적인 수행 당장 처리를 완료할 수 없고, 시간이 필요한 작업들은 별도로 요청을 보낸 뒤 응답이 빨리 오는 작업부터 처리한다 ![]() |
|
'WEB > JavaScript' 카테고리의 다른 글
| [JavaScript][비동기] 런타임의 시각적 표현 (0) | 2024.04.23 |
|---|---|
| [JavaScript][비동기] JavaScript와 비동기 (0) | 2024.04.23 |
| [JavaScript][Event] addEventListener에서의 화살표 함수 주의사항 (0) | 2024.04.22 |
| [JavaScript][Event] 이벤트 동작 취소 실습 (0) | 2024.04.22 |
| [JavaScript][Event] 이벤트 기본 동작 취소 (0) | 2024.04.22 |







