[web] zero-runtime 이란?

개념

CSS 프레임워크나 라이브러리가 브라우저에서 실행되는 동안 전혀 추가적인 JavaScript 코드를 필요로 하지 않음을 나타냅니다. 즉, 프레임워크가 브라우저에서 실행될 때 추가적인 JavaScript 코드를 생성하거나 실행하지 않는 것을 의미합니다.

 

일부 CSS 프레임워크는 스타일을 적용하고 관리하기 위해 JavaScript를 사용합니다. 예를 들어, 특정 CSS 클래스를 토글하거나 동적으로 스타일을 변경하는 등의 작업을 수행하기 위해 JavaScript 코드를 사용할 수 있습니다. 이러한 프레임워크는 브라우저에서 실행될 때 JavaScript 코드를 실행하여 스타일을 조작합니다.

 

반면에 "zero runtime" CSS 프레임워크는 브라우저에서 실행되는 동안에도 추가적인 JavaScript 코드가 필요하지 않습니다. 스타일을 정적으로 미리 작성하고 CSS 클래스를 사용하여 스타일을 적용하는 방식을 채택하여, 브라우저에서는 단순히 CSS를 해석하여 스타일을 적용합니다. 이러한 방식은 브라우저에서의 성능을 향상시키고, 런타임 오버헤드를 최소화하여 더 가벼운 웹 페이지를 구현하는 데 도움이 됩니다. 따라서 "zero runtime"이라는 용어는 CSS 프레임워크나 라이브러리가 브라우저에서 실행될 때 추가적인 JavaScript 코드를 필요로 하지 않음을 강조