BEM: 클래스 명명규칙

BEM은 CSS에서 클래스의 이름을 짓기위한 규칙이다.
블럭(엘리먼트)단위로 네이밍이 되는데 형태는 다음과 같다.

.block__element--modifier

위의 그림을 예로 들었을때 BEM에 따라 클래스 이름을 지어보겠다.

버튼은 버튼자체로 독립적인 컴포넌트이기에 따로 정의해주게된다.