동적 크기, 상태별 색상처럼 계산값이 가까이 있어야 할 때 객체로 전달합니다.
스타일링 선택 기준
인라인 스타일과 CSS 클래스는 변경 범위로 선택한다
style 객체는 값이 props나 state에 따라 즉시 바뀔 때, className은 반복되는 시각 규칙을 CSS에 모을 때 적합합니다.
hover, media query, 공통 레이아웃처럼 CSS 기능과 재사용성이 필요한 규칙을 맡깁니다.
조건부 클래스는 활성, 오류, 선택 상태처럼 의미가 있는 UI 상태만 반영합니다.
backgroundColor처럼 DOM style 속성 이름을 camelCase로 씁니다.
숫자와 문자열 단위를 구분해 px, %, rem을 명확히 둡니다.
hover나 focus는 CSS 클래스에서 처리합니다.
여러 컴포넌트가 공유하면 className으로 올립니다.