강원도지사
article thumbnail
tailwindcss에 대해 파헤쳐보자
코딩 2024. 9. 11. 20:08

Tailwindcss에 대해 이야기는 너무나 많이 들었지만 제대로 배워보는 것은 이번이 처음이었기에 정리를 해보겠다.   Tailwindcss가 뭐예요?테일윈드를 이해하기 위해서는 일단 중요한 개념 중 하나인 Utility-First Fundamentals를 이해해야한다. 이 개념은 제한된 기본 유틸리티 집합으로 복잡한 구성요소를 구축하는 것이라 해석할 수 있다.    위의 사진과 같이 Tailwindcss에는 제한된 기본 유틸리티를 제공한다. 따라서 제한된 기본 유틸리티를 사용해서 스타일링을 하는 것이 테일윈드의 핵심이라고 볼 수 있다.    보통 CSS 코드를 작성하면 이러한 모습으로 작성하게 될텐데 만약 CSS 대신 Tailwindcss를 쓴다면 아래 코드와 비슷한 짜임새가 나올 것 ..