framer-motion 배너에서 프레임드랍 없애기: 두 번의 삽질과 이징 함수
framer-motion으로 만든 배너가 열리는 0.6초 동안 홈 전체가 버벅였다. 원인을 코드로 추정하고, 실측으로 두 번 뒤집히고, 결국 이징 함수 하나로 리플로우를 없애기까지의 기록. 그리고 이 작업이 남긴 것들: 선언과 실행의 간극, 속성이 성능을 결정한다는 원칙, 메커니즘 보존, 계측기를 의심하는 순서, 같음을 곡선으로 증명하는 방법.
09 POSTS
Css 1
React의 <ViewTransition>: 브라우저 네이티브 애니메이션을 React답게
View Transition API를 React가 감싸면 어떻게 되는가
웹 개발자가 본 사파리 15의 변화와 대응
죽인다 사파리
웹 폰트 로딩을 더 빠르게 하는 방법
개발할 때 간지나는 이쁜 폰트 추천받습니다
CSS 성능 향상 시키기
CSS의 황제가 출간한 CSS 완벽가이드를 장식용으로 구매...
HTML과 CSS를 활용해서 콘텐츠를 숨기는 10가지 방법
원래 알던건 두 세가지밖에 안됨
CSS와 웹페이지 성능과의 관계
내 일이 아니라고 생각하면 관심이 안가더라고
overflow: auto vs overflow: scroll 왜 윈도우에서만 쓸모없는 스크롤바가 노출될까
맨날 맥만 봐서 이런 줄도 몰랐다 반성합니다
styled-components로 스타일 적용하는법
styled components가 쓰고 싶습니다