"디자인 딸깍", Tailwind 를 사용해봅시다.

Tailwind CSS는 유틸리티-퍼스트(Utility-First) 방식의 CSS 프레임워크입니다.'mt-4', 'bg-blue-500' 같은 작은 클래스를 조합해 U를 만들기 때문에, 디자인 시스템을 빠르게 일관되게 적용할 수 있습니다.전통적인 "BEM + SCSS"와 달리 별도 컴포넌트를 만들지 않아도 되고, 필요한 클래스만 빌드 시점에 추려내 번들 크기가 작습니다. 이걸 왜 써야하나요?가끔 웹 개발하다보면 내가 디자이너인지 개발자인지 헷갈릴때가 있습니다.코드는 10분만에 다 작성해놓고 CSS 를 30분 작성하고 그럴때요. 그런 당신을 위해 만들어졌습니다. 바로 "Tailwind".필요한 스타일을 작은 조각으로 바로바로 조립할 수 있고, 반응형이나 다크모드까지 한 줄로 관리할 수 있거든요. 디자인 시..

2025.04.26