CSS 구조 - BEM 방법론

CSS 주요 방법론 3가지 주요 CSS 방법론에는 아래와 같은 3가지가 있다. 방법론은 절대적인 규칙이 아니기 때문에 작성자 또는 프로젝트에 따라 컨벤션을 정해서 사용하면 된다. 프론트엔드 로드맵에서는 BEM을 제외한 나머지 방법론은 추천하지 않는다고 했으니, 나는 우선 BEM 방법론을 따르려고 한다. BEM (Block Element Modifier) OOCSS (Object Oriented CSS) SMACSS (Scalable and Modular Architecture for CSS) BEM이란? BEM은 Block, Element, Modifier를 모아 앞글자만 따서 만든 이름의 CSS 방법론 중 하나로, 일종의 네이밍 컨벤션이라고 볼 수 있다. HTML 요소들을 각각 Block, Elemen..