블로그

CSS Houdini는 하나의 기술이 아니라, 성숙도가 저마다 크게 다른 여러 명세의 모음입니다. 오늘날 실제 프로덕션에 사용할 수 있는 부분은 어디인지, @property와 paint worklet이 실제로 어떻게 작동하는지, 그리고 나머지가 왜 아직 실험 단계에 머물러 있는지 확인해 보세요.

같은 상품, 같은 서버 응답 시간을 가진 두 스토어인데도 한쪽이 더 빠르고 신뢰할 수 있게 느껴지는 이유는 마이크로 인터랙션에 있습니다 – 사용자가 화면 위의 것을 믿을지 말지를 결정짓는 수백 밀리초짜리 애니메이션입니다. 트리거/피드백 모델, 브라우저 렌더링 엔진 내부에서 실제로 일어나는 일, 그리고 prefers-reduced-motion까지 원리부터 하나씩 짚어봅니다.