1112 11일차

CSS 설계 기법

1. OOCSS : 레고처럼 여러가지 모듈을 만들어서 조합하도록 하는 방법론 ex) 롤에서 같은 형태의 스킨만 다르다면 구조와 스킨을 분리하여 조합
   콘텐츠의 스타일이 컨테이너에 종속되지 않도록 한다.

2. SMACSS
   css 코드를 역할에 따라 분리한다.

3. BEM

Block : 어디에서나 재사용 가능한 부품
Element : Block을 구성하는 요소들로 block에 종속되어야 한다.
block을 상속받고 element의 클래스 이름을 언더바 두개로 사용한다 ex)error__link

3.Modifer : block이나 element의 모습이나 상태 또는 움직임등을 정의한다.
btn_move btn_move_active

두 개 이상의 단어를 사용해야 하면 block처럼 하이픈으로 연결한다. btn_move btn-move_size-small

자격 요건 : 이미 내부에서 하고 있는 것. 반드시 해야하는 것
우대 조건 : 앞으로 하고 싶은 것. 하면 좋은 것!