1. Tailwind CSS가 뭔데?

ㄴ tailwind CSS가 뭔지 이해하고 쓰자!!!

<aside> 💙 Rapidly build modern websites without ever leaving your HTML

</aside>

• Utility-First 컨셉을 가진 CSS 프레임워크
  • Utility-First 방식
• Tailwind의 유틸리티 클래스들을 잘 조합하면 추가적인 CSS 코드 작성 없이 HTML 요소에 class 속성을 추가해 주는 것만으로도 손쉽게 스타일 적용 O
  • 유틸리티 클래스(Utility Class)
• styled-components와 같이 작은 스타일 변경에도 새 컴포넌트 만들어야 하는 번거로움 X

2. Tailwind CSS 의 사용 이점

Tailwind CSS 사용 예시)

<button class = "text-white font_bold py-2 px-4 rounded> join morib </button>