2026년 9월 30일오깨들 FLIP: First, Last, Invert, Play. 레이아웃 변경을 한번만 일으키고 움직이는 과정은 transform에 맡김으로써 애니메이션 최적화를 달성하는 기법. Framer Motion의 layout 애니메이션도 이 방식으로 만들어진다고 한다. kciter.so브라우저의 메인 스레드는 비싸다 | kciter.so프론트엔드 최적화라고 하면 무엇이 떠오르는가? 대체로 네트워크 요청을 줄이거나 번들 크기를 줄이고 캐시를 잘 쓰는 일을 떠올린다. 그 외에는 리렌더링 줄이기나 리소스를 불러오는 타이밍쯤이 떠오를 것이다. 보통 메인 스레드를 떠올리기는 쉽지 않은데… (새 창에서 열림)