왜 우리는 여전히 브라우저에 CSS 파서를 전달하고 있을까요?
프론트엔드 개발자들은 선택의 기로에 서 있습니다. 무거운 CSS-in-JS 라이브러리를 사용하면, 거대한 번들 크기와 느린 LCP(Largest Contentful Paint) 시간이라는 대가를 치러야 합니다.
동적인 스타일을 원하시나요? 그렇다고 해서 이를 구현하기 위해 브라우저에 CSS 파서가 꼭 필요한 것은 아닙니다.
최신 도구들은 더 나은 방법을 제시합니다. 빌드 타임 스캐너(build-time scanner)를 사용할 수 있습니다. 이 방식은 빌드 과정에서 단 10ms만 소요될 뿐, 사용자에게는 0ms의 작업량만 남깁니다.
Zero-runtime CSS는 동일한 유연성을 제공하면서도 애플리케이션의 무게를 덜어줍니다.
그런데 왜 Zero-runtime은 아직 업계 표준이 되지 못했을까요?
여러분의 경험이 궁금합니다. 어떤 트레이드오프(trade-offs) 때문에 여전히 런타임 CSS-in-JS 라이브러리를 사용하고 계신가요?
아래에 여러분의 생각을 공유해 주세요.