- CSS 클래스 이름 지을 때 BEM(블록, 요소, 수정) 규칙을 따르면 코드가 더 읽기 쉽고 유지하기 쉽게 됩니다. 😎
- 블록(block)은 페이지에서 독립적으로 사용할 수 있는 의미 있는 요소로, 헤더, 사이드바, 버튼 등이 있습니다. 🧱
- 요소(element)는 블록의 일부이며 블록 내에서만 의미를 가지는 요소로, 헤더中的 로고, 사이드바의 제목과 같이 블록과 연관된 이름을 사용합니다. 📂
- 수정(modifier)은 블록이나 요소의 상태나 모양을 바꾸는 역할을 합니다. 예를 들어, primary 버튼, disabled 버튼, rounded button과 같이 사용됩니다. 🎨