BEM

코드의 재사용성을 높이기 위한 Component 기반의 웹 개발 접근법 중 하나이다.
BEM은 각각 Block, Element, Modifier의 약자이다.

 

기능적으로 독립된 Component로서 HTML에서는 class 속성으로 표현 되는 것이 Block이며,

그 Block의 구성 요소가 Element이다.

Modifier는 Block과 Element의 외향을 결정하는 entity이다.

 

이름을 지을 때 상태가 아닌 그 목적으로 기술되어야 하며,
각각은 double underscore와 single underscore ( Block이름__Element이름_Modifier이름 )으로 분리한다.

 

하기 링크는 BEM Quick start 번역문서.

 

BEM( Block, Element, Modifier) Quick start