TailwindCSS 적용하기

TailWindCSS

html안에서 css스타일을 만들 수 있게 해주는 CSS프레임워크

css프레임워크란 ?

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

빠르게 애플리케이션 스타일링 하는데 도움줌

tailwind css 장점

부트스트랩과 비슷하게 m-1, flex와 같이 미리 세팅된 utility class를 활용하는 방식으로 html에서 스타일링 할 수 있음

빠르게 작업 가능

class, id명 작성하기 위한 고생하지 않아도 됨

유틸리티 클래스가 익숙해지는 시간이 필요할 수 있지만 intelisense 플러그인이 존재해서 금방 적응 가능

참고

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

Install Tailwind CSS with Create React App - Tailwind CSS