인라인 속성을 사용하는 테일윈드는 부트스트랩과 비슷한 문법을 사용하였다. 맨처음 부트스트랩을 보았을 때는 당혹감이 느껴졌었는데 tailwind강의를 듣고나니 아 그게 이런 원리였구나 하고 이해하게 되었다.
단위를 표현하는 방식이 다소 일관적이지 않다고 느껴졌다.
알고가기
Tailwind CSS는 Utility-First 컨셉을 가진 CSS 프레임워크다. 부트스트랩과 비슷하게 m-1, flex와 같이 미리 세팅된 유틸리티 클래스를 활용하는 방식으로 HTML 코드 내에서 스타일링을 할 수 있다.
text-sm font-size: 0.875rem; /* 14px */
rounded-sm border-radius: 0.125rem; /* 2px */같은 sm이라도 px이 다르고
text
rounded-base 같이 중간을 표시하는 단위도 달랐다.
형선