requestAnimationFrame1 [Javascript] setInterval과 requestAnimationFrame 📢 들어가며requestAnimationFrame(이하 rAF)이 등장하기 전에는 setInterval을 활용해 애니메이션을 구현했다.하지만 rAF이 등장고나서부터는 부드러운 애니메이션을 구현하기 위해 rAF를 주로 사용하게 되었다. 어떤 차이가 존재하는지 알아보자. 🎤 호출 타이밍두 함수 모두 특정 트리거에 따라 호출될 함수를 예약한다. setInterval은 지정된 시간 간격마다 타이머 이벤트가 트리거되어 반복적으로 콜백을 호출한다. rAF는 브라우저의 VSync 신호를 트리거로 하여 다음 리페인트 시점에 맞춰 콜백을 한 번 실행한다. 예를 들어, 아래와 같이 간격을 설정하면 1초에 약 60번 호출되어 60프레임의 애니메이션을 표현할 수 있다.setInterval(() => {}, 1000 / .. 2025. 8. 3. 이전 1 다음
