Inline 기준
동적으로 계산되는 단발성 값만 style prop에 두고 반복 규칙은 class로 뺍니다.
인라인 스타일링과 CSS 클래스 사용 UI 규칙
인라인 스타일과 className은 적용 범위가 다릅니다. 빠른 예외와 반복 가능한 UI 규칙을 구분해야 합니다.
Class 기준
className은 상태 이름과 구조 이름을 분리해 읽히게 붙입니다.
Cascade 기준
전역 CSS가 컴포넌트 내부 스타일을 덮지 않도록 선택자 범위를 좁힙니다.
컴포넌트 전용 class와 reset 스타일의 책임을 분리합니다.
자주 쓰는 색상과 간격은 상수 또는 CSS 변수로 올립니다.
조건부 class가 작은 화면에서 누락되지 않는지 확인합니다.