첫 프로젝트를 만들고 사수님께 코드 리뷰를 받던 중 css를 BEM에 맞춰 작성하라는 지시를 받았음

BEM

• CSS 방법론 중 하나
• class 이름을 지을 때 규칙을 지켜서 해야 다른 사람들도 보기 편하기 때문에 사용

BEM 뜻

block, element, modifier

• block : 재사용 가능한 독립적인 단위
• element : block을 구성하는 의존적인 단위 (재사용 불가능)
• modifier : block, element의 속성 담당 - 전체적인 건 같지만 조금 다를 때 사용

BEM 사용법

block__element--modifier

block, element, modifier 이름이 길 때는 하이픈으로 이어줌.

ex) dialog-purchase__text--sub