올림픽 통계 서비스 최적화1 2장 올림픽 통계 서비스 최적화 Repository 학습할 최적화 기법 CSS 애니메이션 최적화 컴포넌트 지연 로딩 단일 컴포넌트 분할 컴포넌트 사전 로딩 이미지 사전 로딩 애니메이션 최적화 문제의 애니메이션 찾기 설문 항목을 클릭하면 해당 응답에 대해 필터링되고 막대 그래프의 배경 색과 막대의 가로 길이가 변합니다. 그런데 이 애니메이션을 계속 보다 보면 약간 이상하게 느껴집니다. 막대가 늘어날 때 부드럽게 늘어나지 않고 어딘가 살짝 끊기는 듯한 느낌이 있습니다. 이런 끊김 현상을 쟁크(jank) 라고 합니다. 느끼지 못한다면, 개발자 도구를 열고 Performance 패널의 CPU 설정을 6x slowdown으로 설정하면 애니메이션이 끊기는 현상을 더 잘 확인할 수 있습니다. 애니메이션의 원리 일반적으로 사용하는 디스플레이의 주사율.. 2023. 3. 20. 이전 1 다음
