사소한 개발지식/로드맵(FE)
[로드맵] FrontEnd - CSS 심화 #1
https://www.youtube.com/watch?v=TTLHd3IyErM - 드림코딩 Front-end 로드맵 영상 CSS 심화 1. BEM BEM의 기본 구조 BEM은 Block, Element, Modifier를 뜻한다. 3가지 요소와 __ / -- 구분자를 사용하여 클레스 네임을 만들어서 css를 관리하는 방법론을 BEM 방법론이라고 한다. .block__element--modifier { color: red; } . Block / Element / Modifier Block 재사용 가능한 기능적으로 독립적인 페이지 컴포턴트. 즉, 어딘가에 종속되지 않고 어디서든 재사용할 수 있는 요소를 말한다. Element Block을 구성하는 단위. 자신이 속한 Block 내에서만 의미를 가진다. 재사용..
