BEM은 "Block Element Modifier"의 약자로, 웹 개발에서 CSS를 구조화하고 유지보수를 쉽게하기 위한 방법론이다. 이 방법론은 클래스 이름을 정하는 규칙을 제시하여 코드의 가독성을 높이고 재사용성을 강화합니다. BEM은 다음과 같이 세 가지 주요 구성 요소로 이루어져 있다. 1. Block (블록): 블록은 독립적으로 의미 있는 부분을 나타낸다. 예를 들어, 헤더, 메뉴, 버튼은 모두 블록이 될 수 있다. 클래스 이름은 보통 이 블록의 역할을 나타내는 단어로 지정된다. ... ... ... 2. Element (엘리먼트): 엘리먼트는 블록 안에서 특정 기능을 수행하는 부분을 나타낸다. 블록에 종속적이며 블록 내에서만 의미가 있는 것들이 엘리먼트가 된다. 엘리먼트의 클래스 이름은 블록 ..
