[41장, 42장] 타이머, 비동기 프로그래밍

[LucyYoo]

자바스크립트 딥 다이브 퀴즈

[41장, 42장] 타이머, 비동기 프로그래밍

아래 마크다운을 복사하여 코멘트로 퀴즈를 남겨주세요!

Q1. 퀴즈 설명
퀴즈 내용 서술...

<details>
	<summary>정답</summary>
	<div markdown="1">    
	정답 설명
	</div>
</details>

[LucyYoo]

Q1. 디바운스와 쓰로틀링의 차이점은 무엇인가요?

정답

• 디바운스: 이벤트가 짧은 시간 간격으로 연속해서 발생하면 이벤트 핸들러를 호출하지 않다가 일정 시간이 경과한 이후에 한번만 호출한다. 즉, 짧은 시간 동안 발생한 이벤트들을 하나로 그룹화해서 마지막에 발생한 이벤트에 대해서만 이벤트 핸들러를 호출한다.

• 쓰로틀링: 짧은 시간 간격으로 이벤트가 연속해서 발생하더라도 일정 시간 간격으로 이벤트가 최대 한 번만 호출되도록한다. 즉, 짧은 시간 간격으로 연속해서 발생한 이벤트를 그룹화해서 일정 시간 단위로 이벤트 핸들러과 호출되도록 호출 주기를 만드는 것이다.

[Heojiyeon]

Q1. 비동기 처리 방식의 장단점을 작성해주세요.

정답

장점: 현재 실행중인 태스크가 종료되지 않은 상태라 해도 다음 태스크를 곧바로 실행하므로 블로킹이 발생하지 않는다.
단점: 태스크의 실행 순서가 보장되지 않는다.

[choibyeol]

Q1. 디바운싱과 쓰로틀링은 각각 무엇이며, 어떤 경우에 사용할까요?

정답

디바운싱은 짧은 시간 간격으로 이벤트가 연속해 발생하면, 이벤트 핸들러를 호출하지 않고 일정한 시간이 경과되어야 이벤트 핸들러를 한 번만 호출하는 방법이다. 주로 검색, 자동완성, 버튼 중복 클릭 방지 처리, ajax 검색에 자주 사용된다.
쓰로틀링은 짧은 시간 간격으로 이벤트가 연속해 발생하더라도 일정 시간 간격으로 이벤트 핸들러가 최대 한 번만 호출하도록 하는 방법이다. 보통 스크롤 이벤트에 사용한다.

[KSoonYo]

Q1. setTimeOut과 setInterval의 차이는 무엇인가요?

정답

setTimeOut은 두번째 인수로 전달된 시간(ms)에 단 한번만 동작하는 타이머를 생성하여 타이머가 끝나면 첫번째 인수로 전달된 콜백 함수가 실행된다. 반면 setInterval는 두번째 인수로 전달된 시간으로 반복 동작하는 타이머를 생성하여 타이머가 만료될 때마다 타이머가 취소될때까지 계속 첫번째 인수로 전달된 콜백 함수가 호출된다.