웹 성능 최적화 - 애니메이션 최적화

🎞️ 애니메이션 최적화💥 쟁크(Jank) 현상애니메이션이 부드럽지 않고 끊기는 현상 DOM 업데이트 시 Reflow가 발생함Reflow는 레이아웃 계산과 Paint 재수행을 유발이로 인해 프레임 드랍과 성능 저하 발생📐 Reflow레이아웃을 다시 계산하는 과정 처리 순서DOM + CSSOM 파싱Render Tree 생성Layout 계산 및 배치PaintComposite🎨 Repaint레이아웃 재계산 없이 화면을 다시 그리는 과정예: color, background-color 변경 등 처리 순서DOM + CSSOM 파싱Render Tree 생성Layout 계산 및 배치 (변경 없을 시 생략 가능)PaintComposite 🚀 애니메이션 성능 최적화 전략부드러운 애니메이션을 위해 Reflow/Rep..