멈추지 않는 기록

Tailwind CSS는 다양한 스타일을 미리 정의된 유틸리티 클래스로 제공한다.(* 유틸리티 클래스란 특정 스타일을 적용할 수 있도록 미리 정의된 단일 클래스) 대표적인 유틸리티 클래스를 몇 가지 예시로 정리해보자! 색상 (Colors) 1) bg-색상-단계: 배경색 설정  2) text-색상-단계: 글자색 설정글자색 초록  크기 (Sizing) 1) w-숫자: 너비 설정  2) h-숫자: 높이 설정   여백 (Spacing: Margin, Padding) 1) m-숫자: 바깥 여백 (margin)  2) p-숫자: 안쪽 여백 (padding)  (1) 방향별 적용- mt-4: 위쪽 마진mr-2: 오른쪽 마진px-6: 좌우 패딩py-3: 상하 패딩  글꼴 및 텍스트 (Typography) 1) te..

Tailwind CSS 방식을 공부하면서 해당 방식이 '유틸리티 퍼스트 방식의 CSS 프레임워크'라는 것을 알게 되었다. 그러나, 유틸리티 퍼스트 방식의 CSS 프레임워크가 무엇인지 궁금해지기 시작했다.   유틸리티 퍼스트(Utility-First) 방식의 CSS 프레임워크란 미리 정의된 작은 단위(유틸리티) 클래스들을 조합하여 스타일을 적용하는 방식을 말한다.🚨잠깐!!🚨 '미리 정의된 작은 단위 클래스' 에 대해서는 아래 글을 참고하자!https://pangil-log.tistory.com/230 [CSS] "Tailwind CSS 핵심 정리! 유틸리티 클래스로 스타일링 끝내기"Tailwind CSS는 다양한 스타일을 미리 정의된 유틸리티 클래스로 제공한다.(* 유틸리티 클래스란 특정 스타일을 적용..