tailwind
-
Tailwind css로 컴포넌트 디자인 시스템 구축하기개발 여정/FrontEnd 2025. 4. 17. 23:15
Tailwind css로 컴포넌트 디자인 시스템 구축하기Tailwind css는 몇 년 전부터 프론트엔드계에서 인기를 끌고 있는 css 프레임워크다. 유틸리티 우선(Utility-First) css로, 따로 css 파일을 작성하지 않고 mb-4 , bg-black 과 같이 유틸리티 클래스를 활용해서 HTML에 입혀주면 된다. 기존 css 파일과의 비교 전통적인 css 방식/* style.css */.button { background-color: blue; color: white; padding: 12px 24px; border-radius: 8px;}// button 클래스 안에 여러 스타일 속성을 넣어줌. Tailwind의 유틸리티 우선 방식제출// button 이라는 클래스를 사용하지 않고 ..