16_CSS 네이밍 규칙

항상 지금까지 css 이름을 지을땐 나름의 규칙만 가지고 지었었는데, 이번 기회에 이를 바로잡을 필요가 있다고 생각하여 css 에서 class 이름을 짓는다면 어떤 방식으로 지어야 하는지 알아보았다. 보통 자바스크립트에서는 Camel case로 불리는 규칙을 많이 사용한다. myNameIsMingyu 와 같은 형태이다. 하지만 css에서는 그렇지 않다. CSS에서는 우선 기본적으로 소문자와, 하이폰( - ) 을 사용한다 my-name-is-mingyu 와 같은 방식이다. BEM 규칙 BEM규칙이란 Block, Element, Modifer의 줄인말이다. 아래 형태의 html을 보면서 생각해 보자. Search Block은 기능적으로 독립된 컴포넌트이다. search-form 이 이에 해당된다. Eleme..