Tailwind CSS

CSS 프레임워크?

레이아웃 및 여러 컴포넌트 구성, 브라우저 호환성을 보장하는 데 소요되는 시간을 최소화하기 위해 여러 웹 개발/디자인 프로젝트에 적용할 수 있는 CSS 파일 모음

더 빠르게 애플리케이션을 스타일링 할 수 있음

CSS Framework 종류 for.React.JS
1. Material UI
2. React Bootstrap
3. Semantic UI
4. Ant Design
5. Materialize 등

Tailwind CSS

• 부트스트랩과 비슷하게 m-1, flex와 같이 미리 세팅된 utillity class를 활용하는 방식으로 HTML에서 스타링일을 할 수 있다
• 빠른 스타일링 작업이 가능
• class 혹은 id 명을 작성하기 위해 고생하지 않아도 된다.
• 유틸리티 클래스가 익숙해지는 시간이 필요할 수 있지만InteliSense 플러그인이 제공되어 금방 익숙해질 수 있다

Tailwind CSS - Rapidly build modern websites without ever leaving your HTML.

npx tailwindcss init -> tailwind.config.js 생성

content: 사용할 위치 설정

• {js, jsx,ts,tsx}를 가진 확장자 파일에서 사용할 수 있다
• index.html에서 사용할 수 있다