
1. BEM이란?BEM(Block, Element, Modifier)은 CSS 클래스 네이밍 방법론으로, 코드의 가독성과 유지보수를 높이는 데 도움을 준다. 각 개념은 다음과 같다.Block : 독립적인 요소 (예: button, card, header)Element : Block 내부의 구성 요소 (예: button__icon, card__title)Modifier : Block이나 Element의 상태나 스타일 변형 (예: button--primary, card__title--large) 2. Styled Components와 BEMStyled Components는 `CSS-in-JS 방식`으로 스타일을 작성하는 라이브러리다. BEM을 적용하면 스타일 구성과 컴포넌트 구조를 명확하게 정리할 수 있다..