Utility-First

Utility First

미리 세팅된 유틸리티 클래스를 활용하여 HTML코드 내에서 CSS를 적용 =
=미리 정의된 유틸리티 클래스를 사용하여 스타일링

Utility-First CSS의 주요 기능

1. 재사용성
재사용 가능하도록 설계되어 프로젝트 전체에서 스타일의 일관성을 유지가 쉽다.
2. 속도
HTML에서 직접 요소의 스타일을 지정할 수 있어 개발 프로세스 속도가 향상된다.
3. 사용자 정의 가능성
사용자 정의를 허용하여 개발자가 프로젝트의 필요에 맞게 프레임워크를 조정할 수 있다.
4. 반응성
반응형 디자인을 쉽게 구축할 수 있습니다.

Utility-First CSS 프레임워크

Tailwind CSS, Tachyons, Bootstrap ...

참고
https://www.ituonline.com/tech-definitions/what-is-utility-first-css/