BEM(Block Element Modifier) 방법론이란?
2022. 6. 15. 12:25
Web Front-end
BEM은 Block, Element, Modifier의 앞글자만 딴 용어로 프론트엔드 개발에서 클래스 명을 정하는 네이밍 컨벤션이다. Block__Element--Modifier 형식으로 작성한다. Block 어딘가에 종속적이지 않고 그 자체로서 의미가 있어야 하며, 일반적으로 Element의 컨테이너 역할을 한다. header, container, menu 같이 무언가를 담을 수 있는 것뿐만 아니라 button, checkbox, input 같이 무언가를 담지 않더라도 그 자체로서 의미를 가진다면 Block이 될 수 있다. Element Block을 구성하는 요소다. Block에 의존적이며, 자신이 속한 Block 내에서만 의미를 가진다. header title, menu item, checkbox c..