inline style
값이 컴포넌트 상태에서 바로 결정될 때
버튼 활성 색상, 계산된 너비, 한 요소에만 필요한 작은 스타일처럼 JavaScript 값과 강하게 묶인 경우에 적합하다.
className
표준 CSS 기능과 재사용이 중요할 때
hover, media query, transition, 반복되는 레이아웃 규칙은 CSS 클래스에 두면 JSX 구조가 더 선명하게 남는다.