
CSS 정리하기: BEM 방법론 완벽 가이드❗️
·
CSS
최근에 프로젝트를 진행하며 어떤 규칙을 정해놓지 않고 CSS를 작성하거나 여러 사람이 함께 CSS를 작성하다보니 클래스 이름이 제각각이였던 경우가 있었다.예를들어 같은 의미의 요소인데도 네이밍이 제각각이라 유지보수가 어려웠고, 어디서 스타일이 적용되는지 한눈에 파악하기 힘들었다.그러면서 "이걸 어떻게 정리하지...?"하는 고민이 커졌다.이런 문제를 해결하는 방법 중 하나가 바로 BEM(Block, Element, Modifier)방법론이다! BEM을 사용하면 CSS 코드가 깔끔하게 정리되고, 협업할 때도 모두가 같은 규칙을 따라가서 훨씬 편해진다.지금부터 BEM이 무엇이고, 어떻게 사용하는지 알아보자! 🔍 CSS 조직 방법론큰 프로젝트에서는 CSS의 규모를 줄이고, 개발자 간 협업을 원활하게 하며, 코..