개념 정리

 

자바 스크립트에서 자주 쓰이는 함수

• setTimeout : 정해진 시간에 호출하는 함수 (1번)
• setInterval : 정해진 시간마다 호출하는 함수 (여러번)

 

크롬에서 인터벌이 1초보다 짧으면 1초로 바꾼다.

 

함수를 정리하는 방법 (취소)

• clearTimeout
• clearInterval 

requestAnimationFrame : 기존에는 인터벌을 이용해 애니메이션을 조작했는데 성능 저하 때문에 등장했다.

 

사용법

requestAnimationFrame( () => console.log("Hi") );

 

const sayHi = () => {
	console.log("Hi");
    requestAnimationFrame(sayHi);
}

requestAnimationFrame(sayHi);

 

이런식으로 콜백함수로 사용하면 빠르게 Hi를 출력한다.