requestAnimationFrame(raF), 알고 사용하시나요?
'raF()'의 등장 배경, 원래, 사용 방법에 대해 정리했습니다. 🔽 웹 애니메이션웹에서 애니메이션은 단순한 장식이 아니라, 사용자의 경험을 매끄럽게 만들어 주는 중요한 요소입니다. 예를 들어, 버튼을 클릭했을 때 부드럽게 색이 변하거나, 로딩 중에 프로그래스바가 자연스럽게 움직이는 것은 모두 애니메이션 덕분이죠. CSS의 `transition`, `animation`, `transform` 만으로도 다양한 애니메이션을 만들 수 있습니다. 하지만 CSS 애니메이션만으로는 한계가 있습니다. 예를 들어, 스크롤 위치에 따라 요소 크기를 동적으로 바꾸거나, 실시간 데이터(예: 프로그래스바, 그래프) 를 반영하는 애니메이션은 JS 제어가 필요합니다. 전통적으로는 `setInterval` 같은 ..
2025. 9. 15.
