뒷바람의 시작

반응형

Tailwind는 유틸리티 우선 CSS 프레임워크로, 마크업에서 직접 모든 디자인을 구성할 수 있도록 구성될 수 있습니다.
Tailwind는 매우 사용자 정의가 가능하며 CSS에 많은 노력을 들이지 않고 디자인을 쉽게 구현할 수 있습니다. Html 파일을 남기지 않고 전체 페이지를 스타일링할 수 있습니다. 가장 흔히 사용되는 CSS 속성과 사용하기 쉬운 색상 팔레트가 함께 제공됩니다.

왜 테일윈드 CSS인가?

디자인을 만들 때 반응성을 높이는 것은 골치 아픈 일이라는 것을 우리 모두 알고 있다. 그리고 때때로 CSS는 예기치 않게 행동한다. 또한 새로운 수업마다 새로운 이름을 만드는 것은 어떤 종류의 명명 규칙을 따라야 하는 더 큰 작업이다. 이 모든 것들로 인해, 저는 중요한 기능보다는 올바르게 디자인하는 데 많은 시간을 보내고 있습니다. 시간이 너무 많이 걸려 우리를 구하기 위해 순풍이 불어옵니다.

이점

 

• 테일윈드는 일반적으로 사용되는 많은 유틸리티와 함께 제공됩니다. 이 모든 것은 매우 사용자 지정이 가능합니다. 우리는 우리 프로젝트의 루트 디렉토리에 tailwind.config.js 파일을 도입함으로써 기본 스타일을 쉽게 재정의할 수 있다. 마크업에서 직접 모든 설계를 구성하도록 구성할 수 있습니다.
• 테일윈드 CSS를 사용하는 주요 장점은 사용하지 않는 클래스를 제거하고 파일 크기를 줄일 수 있는 퍼지 CSS를 사용하여 최적화할 수 있다는 것이다.
• 순풍 자체가 기본적으로 모바일 우선 접근 방식을 따르기 때문에 복잡한 반응형 레이아웃을 구축하기가 쉬워진다. 테일윈드는 반응성 디자인을 위한 기본 중단점이 있어 사용이 편리하다.

단점

• 제가 발견한 단점은 시맨틱 파일을 보기 흉하게 만든다는 것입니다. 하지만 이것을 장점과 비교한다면, 일단 익숙해지면 HTML 태그에서 오버플로 클래스를 디버깅하는 것이 더 쉬워질 것 같습니다.