본문 바로가기
STUDY/Vue

05. 동기와 비동기

by GWLEE 2022. 10. 14.

동기는 기다리는 것 

비동기는 기다리지 않는 것

 

 무엇을 ? 답변

누가 좋다 나쁘다가 아니라 그냥 서로 다른 것이다.

 

수박을 들어서 트럭 앞에 있는 사람에게 던지는 역할을 합니다. 

수박 앞에 있는 사람은 트럭에 차곡차곡 쌓는 역할을 한다.

 

 

동기 -> 수박을 잘 받았는지 답변을 받아야 일을 한다. 답변을 받기 전까지 다음 일은 하지 않는다.

상대방이 오케이! 실었어! 라고 답을 해야 그 다음 일을 한다.

동기식은 답변을 기다리는 것

 

비동기 -> 답변을 기다리지 않는 것

답변을 기다리지 않고 수박을 던진다. 

 

동기와 비동기 

답변을 기다리는게 동기 

바로 일을 수행하는게 비동기

 

 

EX2_ 택배기사

 

동기 -> 물건을 가지고 갔을 때 택배 왔어요~! 라고 말을 하면 잘 받았어요 라고 말하면 그때서야 비로소 다음 일을 수행한다. 계속계속 답변을 받을 때 까지 다음 일을 수행하지 않고 기다리는 거죠.

그리고 답변이 오면 다음 일을 수행한다.

 

비동기-> 1호 2호 3호 답변을 기다리지 않고 일을 계속한다.

 

비동기가 나라는 사람의 자원을 효율적으로 사용할 수 있습니다.

동기식은 답변을 기다려야하니깐 비동기는 자원을 효율적으로 사용할 수 있다. 

하지만, 비동기식으로 일을 하면 확인할 수가 없다. 

 

수박이든 상품이든 이사람이 잘 받았는지 안받았는지

결과를 확인할 수 없다. 

 

비동기로 일을 하되, 확인할 수 있도록 배송도착 사진을 촬영해서 받는 사람에게 전송하는 것

그러면 효율적으로 일을 하면서 "내가 배송했다" 라는 확인을 할 수 있다.

 

비동기식으로 일을하면 효율적이지만, 업무 프로세스가 복잡해진다.

 

 

장단점을 정리하자면, 

 

ex) 코로나 마트에서 손목만 땅 찍고 정상온도라는 걸 확인하고 입장

결과가 다음 행동에 지장을 주는 경우에는 동기로 일해야한다.

 

 

 

'STUDY > Vue' 카테고리의 다른 글

06. NPM  (0) 2022.10.14
03. 자바스크립트 파일 효과적으로 가져오기  (0) 2022.10.14
02. 브라우저 객체 모델 (BOM)  (0) 2022.10.13
01. 자바스크립트 DOM이란?  (0) 2022.10.13

댓글