[6] TailWind CSS

TailWind CSS란?

HTML 안에서, CSS 스타일을 만들 수 있게 해주는 CSS 프레임워크입니다.

 

CSS 프레임워크란?

CSS 프레임워크는 레이아웃 및 여러 컴포넌트 구성, 브라우저 호환성을 보장하는데 소요되는 시간을 최소화하기 위해 여러 웹 개발/ 디자인 프로젝트에 적용할 수 있는 CSS 파일 모음입니다.
더 빠르게 애플리케이션을 스타일링 하는데 도움을 줍니다.

 

Tailwind CSS의 장점

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

 

https://tailwindcss.com/

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

 

https://tailwindcss.com/docs/guides/create-react-app