##
Tailwind CSS Tailwind는 유틸리티 퍼스트 (Utility-First) CSS 프레임워크로, 빠르게 UI를 구성할 수 있도록 도와줍니다. 유틸리티 퍼스트 (Utility-First) 작고 단일한 역할을 가진 CSS 클래스들을 조합해서 스타일링하는 방식 기본 구조 Tailwind는 HTML 태그의 c...
Tailwind CSS를 사용해 Grid 시스템을 적용해보자. 열/행 개수 지정 grid-cols-n : 가로로 item들을 n개씩 배치합니다. grid-rows-n : 세로로 item들을 n개씩 배치합니다. 셀 병합 col-span-n : 요소가 가로 n개의 i...
px 사용 Tailwind CSS는 기본적으로 rem 단위를 사용하여 반응형 디자인을 고려한 크기 조정에 유리하지만, 특정 상황에서는 px 단위를 사용하여 더 세밀한 조정이 필요할 수 있습니다. 예를 들어, min-w-[320px]와 같은 방식으로 px 단위를 사용하면 정확한 픽셀 크기를 지정할 수 있습니다. px -> rem 변환 이유...
px과 rem
useRef
새 버전의 콘텐츠를 사용할 수 있습니다.
