Foresitory 🌳 Foresitory 🌳

styled components

• Zero Runtime CSS-in-JS에 대해 알아보자

  TECH 2024. 1. 6. 23:02

  최근에 진행한 프로젝트에서 요즈음 주목받고 있는 Zero Runtime CSS-in-JS 라이브러리, Vanilla Extract를 사용해 보았습니다. Vanilla Extract는 컴파일 타임에 CSS 파일을 생성하여 기존 런타임에 생성되는 CSS-in-JS보다 성능상의 이점을 제공하는 것으로 알려져 있습니다. 그렇다면 기존의 CSS-in-JS에는 어떤 성능적인 문제가 있었기 때문에 Zero Runtime CSS-in-JS 기술이 떠오르게 되었을까요? 이 포스팅에서는 런타임 CSS-in-JS 라이브러리의 특징과 문제는 무엇인지, 그리고 Zero Runtime 접근 방식이 그 문제를 어떻게 해결하는지에 대해 알아보도록 하겠습니다. CSS 적용 과정 CSS가 웹 페이지에 적용되는 과정부터 알아봅시다. 네트..

  Read More