BEM
-
TIL. CSS 설계 기법Front-end Dev./HTML_CSS 2021. 11. 13. 01:51
기대하고 기대하던 CSS 설계 기법을 학습했다. 저 이제 class명 고민 그만할래요..✋ 마크업에서 기준없이 class명을 정하다보니 오래 걸리는 것과 기억하기 힘든 것이 문제였다. CSS 설계 기법으로 BEM을 알게 되어서 이제 좀 더 클린한 마크업이 되길 기대하고 있다. ✅ 우선 방법론에는 크게 3가지가 있다. 1. OOCSS 2.SMACSS 3.BEM 그 중에 3번째 방법론인 BEM에 대해 먼저 정리를 한 후 나머지 2가지 방법론을 다뤄보겠다. BEM (Block Element Modifier) - 러시아에 있는 얀덱스(Yandex)사가 만든 설계방법이다. - HTML, CSS의 클래스의 설계 규칙이다. - OOCSS와 같은 모듈기반의 방법을 뿌리로 한다. ✅ 기본규칙 ▶ 원활한 가중치 계산을 위..