[D+23] 비동기 호출과 타이머 API

 

 

D+23

-  비동기 호출과 타이머 API -

(feat. 다섯 번째 페어 프로그래밍)

 

---

 

 

비동기 호출

 

 

동기 호출과 비동기 호출의 특징

동기와 비동기는 전화와 문자를 예를 들어 설명이 가능하다.

전화 (동기 호출)	문자 (비동기 호출)
하던 일을 멈추고 받아야 한다 (blocking)	확인 후, 나중에 답장이 가능하다 (non-blocking)
요정에 대한 결과가 동시에 일어난다 (synchronous)	요정에 대한 결과가 동시에 일어나지 않는다 (asynchronus)

 

 

그렇기 때문에 예를 들어 커피주문을 동기와 비동기 방법으로 주문을 받았을 경우

비동기 방식이 훨씬 효율적이라는 것을 확인할 수 있다.

Q > 동기 : 요청에 대한 결과가 동시에 일어난다.

1. 손님1이 아메리카노를 주문한다.
2. 접수를 받은 직원이 아메리카노를 내린다.
3. 직원이 손님1에게 아메리카노를 전달한다.
4. 손님 2가 카페라떼를 주문한다.
5. 접수를 받은 직원이 카페라떼를 만든다.
6. 직원이 손님 2에게 카페라떼를 전달한다.

동기 방식으로 커피를 주문받았을 경우 차례차례 과정을 해결해나가기 때문에 효율적이지 못한 결과가 나타난다.

 

Q > 비동기 : 요청에 대한 결과가 동시에 일어나지 않는다.

1. 손님 1이 아메리카노를 주문한다.
     1-1. 접수를 받은 직원이 아메리카노를 내린다.
     1-2. 아메리카노가 완성되면 직원이 손님 1을 부른다.
     1-3. 아메리카노를 손님 1에게 전달한다.

2. 손님 2가 카페라떼를 주문한다.
     2-1. 접수를 받은 직원이 카페라떼를 만든다.
     2-2. 카페라떼가 완성되면 직원이 손님2를 부른다.
     2-3. 카페라떼를 손님 2에게 전달한다.

반면에 비동기 방식으로 커피를 주문받았을 경우에는 일단 주문을 받고난 뒤에 커피를 제작해 훨씬 효율적인 해결과정을 보여준다.

 

 

---

타이머 API

 

 

setTimeout (callback, millisecond)

일정 시간 후에 함수를 실행한다.

setTimeout(function() {
	console.log('1초 후 실행');
}, 1000);

 

 

setInterval (callback, millisecond)

일정 시간의 간격을 가지고 함수를 반복적으로 실행한다.

setInterval(function() {
	console.log('1초마다 실행');
}, 1000);

 

 

clearInterval (timerId)

반복 실행중인 타이머를 종료한다.

var timer = setInterval(function() {
	console.log('1초마다 실행');
}, 1000);

clearInterval(timer); // 더이상 반복하지 않음

 

 

 

---

 

 

벌써 다섯 번째 페어프로그래밍이 완료되었다.

 

사실 이번 페어프로그래밍은 내일이면 시작될 긴 연휴에 설레버리는 바람에

평소보다 집중하는 시간이 부족했었던 터라 아쉬움이 조금 들었던 시간인 것 같다.

 

또한 이번 파트도 저번때와 마찬가지로 내게는 너무나 어려웠기 때문에

좌절시간 + 개념이해시간 으로 인해 시간이 많이 소요 된 것 같다.

 

 

페어님이 작성해주신 리뷰에서도 알 수 있듯이

문제를 해결하는데에만 너무 급급해서 이것저것 시도하지 못하고

단순하게 풀어내도 특별한 성과를 내지 못한... 아쉬움이 너무나 든다 ㅠㅜ

 

추석연휴때 스트레스 쫙풀고 다시 에너지를 보충하는 시간을 가져야겠다.

(아 물론 공부도 꼬박꼬박 할것이다! 미래의 나야... 제발 공부해라 🙏🏻)