html클래스이름
-
클래스 이름, 아무거나 짓지 마세요 – BEM 네이밍 쉽게 배우기WEB/HTML 팁 2025. 4. 27. 09:49
HTML을 짤 때 가장 흔히 듣는 질문 중 하나:"클래스 이름 아무렇게나 지으면 안 되나요?"결론부터 말하면, 안 됩니다. 이름 하나에도 질서가 있어야 코드 유지보수, 협업, 확장성이 좋아집니다.💡 그래서 나온 게 BEM입니다BEM은 Block / Element / Modifier의 약자입니다.쉽게 말하면, "큰 덩어리(Block) → 내부 구성요소(Element) → 변형(Modifier)" 이런 식으로 클래스 이름을 체계적으로 짓자는 거죠.🍌 BEM 네이밍 규칙Block: 독립적인 기능 단위card, btn, headerElement: Block 안의 구성요소card__image, btn__iconModifier: Block이나 Element의 변형btn--primary, card--highlig..