style 객체와 className은 바꾸려는 범위가 다르다

반복되는 시각 규칙은 className으로 고정하고, 런타임 값이 직접 변하는 작은 부분만 style 객체로 제한한다.

style 객체와 className은 바꾸려는 범위가 다르다반복되는 시각 규칙은 className으로 고정하고, 런타임 값이 직접 변하는 작은 부분만 style 객체로 제한한다.
1

핵심 1

style 객체와 className은 바꾸려는 범위가 다르다

2

핵심 2

style 객체와 className은 바꾸려는 범위가 다르다

3

핵심 3

반복되는 시각 규칙은 className으로 고정하고, 런타임 값이 직접 변하는 작은 부분만 style 객체로 제한한다.

4

핵심 4

className CSS 규칙 재사용 hover/media 가능 디자인 일관성 style 객체 동적 숫자나 색 우선순위 높음 반응형/상태 스타일 약함 상황 권장 이유…

핵심인라인 style은 편해서 쓰는 도구가 아니라 런타임 값이 정말 필요한 좁은 영역에 쓰는 도구다.