[테일윈드(TailWind)] 테일윈드 장단점

 

장점

• ClassName을 고민하지 않아도 된다.
• 쉽게 반응형 페이지 구현을 도와준다. (기본제공하는 BreakPoint 때문)
• 직관적이며 빠르고 수월하게 스타일 작업이 가능하다.
• 반복되는 스타일은 추상화가 가능하다.

단점

• 스타일이 많이 들어가면 가독성이 굉장히 떨어진다.
• 미리정의 된 스타일 시트 (CSS 파일)의 용량이 굉장히 커진다.
• Class가 출현한 빈도/순서에 상관없이 정의한 순서에 따라 스타일을 구성한다.
• 동적 스타일링을 위한 자바스크립트 변수의 활용이 불가능하다.

 

예시 코드

 

<div class="w-96 bg-white shadow rounded">
      w-96
  </div>

 

 

 

테일윈드를 써서 개발할 때는 정해진 단위가 있기 때문에 공식사이트에서 quickSerch를 제공하니 검색해 보면서 적용하면 금방 능숙하게 쓸 수 있을 것 같다.