class 명 작명에 대하여

 

 

1. BEM 방식 (Block Element Modifier)

블록(block), 요소(element), 상태(modifier)로 구분해서 작성

                     그 블록을 구성하는 단위   /  블록이나 요소의 속성

 

 

애플코딩님 강의에서는 이렇게 좀더 쉽게 정리해 주셧다. 

    block__element--modifier

    덩어리이름__역할--세부특징 

 

특징으로는 

어떠한 목적인지에 초점을 두고, 네이밍 규칙이 좀 엄격한 편이다.

 

장점 >>  어떤거를 지칭하는 class인지 한눈에 알수 있다. 

단점 >> class명이 길고 복잡해져서 한눈에 보기 힘들수 있음

 

 

2. oocss 방식 (Object Oriented CSS)

CSS를 모듈 방식으로 작성하여 중복을 줄이는 방식.  

 

쉽게 말하면, class 명을 1개가 아닌 여러개로 나눠서 짓는 것. 구조와 스타일을 분리해 사용.

이로인한 장점은

>> 중복되는 css를 여러번 작성할 필요가 없다는 것.

>> 반복사용이 가능하다는 장점이 있다. 

        

이로인한 단점은

>> class명이 너무 길어져서 보기가 힘들어 질수 있다는 것.

 

 

가장 많이 사용되는 방법론 이다.