BEM 방법론은 css를 작성할때 좀더 효율적이고 유지보수가 쉽도록 해주는 일종의 규칙이다. B (Block) E(Element) M(Modifier) 으로 구조를 나누어서 class이름을 주는것이다. 이 규칙을 적용하면 모듈화가 편해 코드의 재사용성도 올라가게되어 여러모로 좋은 방법론인것 같다. B - Block 블록은 말 그대로 html에서 요소들을 감싸고 있는 큰 요소이다. (컨테이너라고 이해해도 되겠다.) 블록은 아무 dom node가 와도 상관없다. (위는 예시로 div태그를 사용한것일뿐) class 이름을 붙일때는 해당 dom node가 block이라는것만 알도록 naming 해준다. (한단어로 해주면됨.) (ex. ... ) css를 작성할때는 class만 사용한다. (tag name, id..

영화 알라딘을 보면 아그라바의 술탄이 자신의 권력에 도전하는 자파에게 하는말이 있다. "Remember your place, Jafar!" html 과 css는 브라우저에서 시각적인요소를 표현하는 역할을하고 있다. 이번 포스팅에서 할 얘기는 "각자의 일은 각자가 하자" 이다. ... ...내용... 위의 html을 보면 태그를 이용하여 내용에 이텔릭체를 주고 있다. html와 css는 그 역할이 명확하게 정해져 있기 때문에 html이 시각적인 이유로 이텔릭체를 표현할 필요는 없다. 이 부분은 css가 해야할 일 인것이다. mdn의 내용을 보면 그 내용을 알수가 있다. Remember your place! html은 html의 일만, css는 css의 일만, jacascript는 javascript의 일만..