동기(Synchronous)와 비동기(Asynchronous)
🙋🏽♂️동기는 뭐죠?
- 어떤 작업을 요청했을 때, 그 작업이 종료될 때까지 기다린 후 다음 작업을 수행하는 방식을 말한다.
🙋♀️그럼 비동기는요?
- 어떤 작업을 요청했을 때, 그 작업이 종료될 때까지 기다리지 않고 다른 작업을 하고 있다가. 요청했던 작업이 종료되면 그에 대한 추가 작업을 하는 것을 말한다.
🕵️♂️쉽게 풀어보자!
우리집 앞에는 카페 A와 카페 B가 있다.
이때 A는 동기적으로 B는 비동기적으로 운영된다.
카페 A 동기
1. A의 주문을 받는다.
2. A의 주문을 처리한다.
3. A에게 커피를 준다. (A 끝)
4. B의 주문을 받는다.
5. B의 주문을 처리한다.
6. B에게 커피를 준다. (B 끝)
7. C의 주문을 받는다.
8. C의 주문을 처리한다.
9. C에게 커피를 준다. (C 끝)
카페 B 비동기
1. A의 주문을 받는다.
2. B의 주문을 받는다.
3. A의 주문을 처리한다.
4. C의 주문을 받는다.
5. B의 주문을 처리한다.
6. A에게 커피를 준다. (A 끝)
7. C의 주문을 처리한다.
8. B에게 커피를 준다. (B 끝)
9. C에게 커피를 준다. (C 끝)
비동기가 짧은 시간을 갖는다.
💙오해하지말자!
자바스크립트는 비동기 동작이 가능하지만, 싱글 스레드 프로그래밍 언어이다.
- 이에 대해서는 Call Stack을 공부하기 권장한다.
- 이벤트 루프에 관한 영상
ㅂㅈㄷㅂㅈㄷ