setTimeout()과 setInterval()의 원리

자바스크립트의 setTimeout()과 setInterval() 함수
를 참조했습니다

setTimeout()

setInterval()

setInterval() 함수는 인터벌 아이디(Interval ID)를 반환한다.

const intervalId = setInterval(() => console.log(new Date()), 2000);
undefined
Tue Mar 21 2023 10:41:46 GMT+0900 (한국 표준시)
Tue Mar 21 2023 10:41:48 GMT+0900 (한국 표준시)
Tue Mar 21 2023 10:41:49 GMT+0900 (한국 표준시)
clearInterval(intervalId);

이 인터벌 아이디는 setInterval() 함수를 호출할 때마다 내부적으로 생성되는 타이머 객체를 가리킨다.
이 값을 인자로 clearInterval() 함수를 호출하면 코드가 주기적으로 실행되는 것을 중단시킬 수 있다.

setTimeout() 함수와 setInterval() 함수를 사용한 후에는 반드시 clearTimeout() 함수와 clearInterval() 함수를 사용해서 타이머를 청소해야한다.
특히 SPA(Single Page Application)을 개발할 때는 메모리 누수(memory leak)로 이어질 수 있다.