![](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fz5Z2F%2Fbtr5Fapn5Hr%2FJVSzAqLDBnBY1YzF309VEk%2Fimg.webp)
FRONTEND/HTML, CSS
[CSS] 네이밍 규칙
새로운 페이지를 만들때 항상 고민되는 변수명 짓기 Javascript에서는 흔히 Camel Case로 불리는 컨벤션 규칙을 사용한다. 띄어쓰기 없이 변수명을 붙여쓰되 이어지는 단어의 첫 글자는 대문자로 작성한다. const myName = document.getElementById('...') 하지만 CSS에서 카멜케이스 사용은 적합하지 않다. BAD .selectBtn { border: 1px solid blue; } GOOD .select-btn { border: 1px solid blue; } CSS의 네이밍 규칙중 CSS의 제작 방법론 중 하나인 BEM 규칙에 대해 알아보자. BEM 규칙 BEM은 Block, Element, Modifier 의 줄인 말로 일종의 네이밍 컨벤션 이다. 컴포넌트 기반..