[02-01] CSS적용 방법론
1.1 Gloal CSSSelecter 원시 방식 : 외부에 정의된 CSS파일을 통해 import 하여 HTML Selector로 하나하나 적용Inline 방식 : 객체에 직접 스타일 -> React 리렌더링 성능 이슈 => React에서 style 내 객체가 매 렌더링마다 다르게 인식되어 매번 DOM 계산을 통한 성능 저하 발생 잘 사용하지 않는 방법들 -> 선택자 충돌을 막기위해 BEM(Block Element Modifier) 사용 -> 만약 충돌의 발생 시, !important를 통해 특정 선택자의 우선 순위를 강하게 주장 -> 하나의 Global CSS가 모든 페이지를 관리 ==> 번들 사이즈가 너무 큼1.2 CSS Mo..
ASAC/정리용
2024. 12. 17. 10:12