CSS 프레임워크

🛠️환경설정 설치 tailwind.config.js content : tailwindCSS를 적용할 경로들을 빈 배열에 입력한다. 이때 프로젝트에서 src디렉토리를 사용한다면 src로 시작하는 경로 1개만 입력하면 된다.

class-variance-authority조건에 따라 동적으로 클래스를 조합하는 데 도움을 주는 유틸리티이다. Tailwind 스타일을 쉽게 조합객체 형태로 Tailwind 클래스 정의variants로 다양한 스타일 조합 가능하다. 이때 defaultVariants로

클래스명 충돌 방지일반 CSS 사용 시 다른 css 파일임에도 클래스명이 같으면 나중에 로드된 스타일이 이전 스타일을 덮어쓰게 된다.📂 파일명.module.css:global : 해당 클래스가 웹페이지에서 전역적으로 사용될 때 사용한다.📂 파일명.jsxclassNa

className 조건문 style vs. className React에서 HTML 요소에 스타일을 적용하는 2가지 방법 🪬 style 속성 🪬 className 속성 동적으로 className 설정 position 💡 position이 relative, a