Chrome 115 의 새 기능 스크롤 기반 애니메이션

스크롤에 따른 인터랙션, 프로그레스 바 혹은 스크롤에 따른 이미지 크기 변화와 같은 기능은 UI/UX에 중요한 역할을 합니다. 이러한 인터렉션은 스크롤에 따른 위치와 진행 상태에 대한 직관적인 피드백을 제공하고, 웹 사이트의 디자인을 더욱 돋보이게 만들 수 있습니다. 이는 유저에게 긍정적인 인상을 주며, 사이트를 더 오래 탐색하는 데 도움을 줍니다. 이러한 이유 때문인지, Chrome 115에서 개발자를 위한 스크롤 기반 애니메이션이 추가되었는데요. 기존에는 스크롤 관련 진행 상황을 감지하여서 자바스크립트로 이벤트 처리를 해야 했다면, CSS 만으로 처리가 가능해졌습니다. 또한, 기존 브라우저에서는 별도의 프로세스에서 스크롤을 수행하여 성능상 이슈가 있었지만, 앞으로는 메인 스레드에서 실행되어 더욱 매끄럽고 부드러운 애니메이션이 가능해졌다고 합니다. 앞으로는 스크롤 기반 인터렉션을 구현하는 데 있어 더 쉽고 빠르게 구현할 수 있을 것 같습니다. https://developer.chrome.com/blog/new-in-chrome-115/