Skip to main content
woohyunblog
KO
September 30, 2026

Learnings

  • FLIP: First, Last, Invert, Play. A technique that optimizes animation by changing the layout only once and leaving movement to transform. Framer Motion's layout animations are also said to use this approach.
kciter.so브라우저의 메인 스레드는 비싸다 | kciter.so프론트엔드 최적화라고 하면 무엇이 떠오르는가? 대체로 네트워크 요청을 줄이거나 번들 크기를 줄이고 캐시를 잘 쓰는 일을 떠올린다. 그 외에는 리렌더링 줄이기나 리소스를 불러오는 타이밍쯤이 떠오를 것이다. 보통 메인 스레드를 떠올리기는 쉽지 않은데… (opens in a new window)

Graph view

Concept · Primary concept: web-animationsConcept · Related concept: frontend-performanceConcept · Related concept: layoutLearning · Developed into: // First: measure the starting position before changing the layoutNote · Related content: TechTokTok 2026: Practical Interaction Lessons from AI Development
© 2026 woohyun