# BEM
[FastCampus] CSS - BEM 이란?
Block-Element-Modifier : CSS 클래스 네이밍. 가독성과 재사용성을 높여줌.Block : 최상위 요소. 독립적으로 존재. 다른 요소에 의존하지 않음. (ex: button, header)Element : 블록의 일부. 특정 기능을 수행하는 요소. 블
BEM
나름대로 공부한답시고 유튜브나 인터넷 강의 이것저것 보다가 BEM에 대해서 접한 적이 있다. 그때는 그냥 아 이런 거구나 하고 넘어갔었는데, 멘토/멘티 직무캠프를 하면서 BEM 구조에 대해 배우고 활용할 기회가 생겼다. BEM 소개 BEM 구조가 뭐냐? 먼저 BEM
CSS selector
CSS selectorclass selector는 .클래스명{ } 이렇게 적을 수 있고 모든 class="클래스명"을 가진 요소에 스타일 적용 가능id selector는 \*\*tag selector는 p { 스타일\~~ } 이렇게 적을 수 있고 모든 <p> 태그
html 요소 id와 class 구분 : id 떡칠된 나의 html을 보면서 쓰는 글
ID와 CLASS 떡칠, 그리고 내가 적어두고도 모르겠는 이름들
BEM
Block : 독립적으로 존재할 수 있는 요소, 재사용이 가능한 기능적으로 독립적인 컨포넌트Element : blcok을 구성하는 단위, 블럭에 속해서만 의미를 가지는 형태Modifier :
HTML+CSS - 기초 (코드양이 줄어드는 class 작명법 OOCSS, BEM)
누가 빨간버튼과 파란버튼을 만들어오라고 하면?가장 간단한 방법class 두 개를 만들어서 각각 button에 집어넣기❗하지만 이런 경우 CSS파일이 매우 길어지고 용량이 큰 CSS파일은 웹사이트 로딩 속도를 저하시킴👉 1. 버튼의 기본 스타일인 padding, fon
[jQuery] 제이쿼리 정리 1 (+스크립트 언어, 컴파일 언어, 인터프리터 언어, scss, bem)
$(css 셀렉터).메소드()ex) . -> class / 해당 css 셀렉터가 가리키는 모든 엘리먼트에 원하는 메소드(jquery가 제공하는 api)를 동작시킬 수 있습니다. 그리고 모든 제이쿼리 메소드들은 해당 메소드가 동작을 마치고 리턴될 때 자신이 제어했던 엘리
BEM 이란?
BEM : Block > Element > Modifier BEM 은 css를 효율적으로 관리하는 방법론 중 하나이고, 이름 그대로 css 파일명을 블럭, 하위 엘리먼트 , 엘리먼트 상태의 순으로 작성하는 방법이다. 예를 들어, '카드'를 만들 때 아래처럼 작성
30
BEM(Block, Element and Modifier)CSS 제작 방법론으로, 일종의 네이밍 컨벤션이라고 볼 수 있다.html 요소들을 각각 Block, Element, Modifier이렇게 세 가지로 분류해 작명한다. 각각의 BEM은 각자의 역할이 따로 있으므로
스타벅스 예제 5
html 클래스 속성에 이름을 부여하는 작명법으로두가지 방법이 있는데요소\_\_일부분 Underscore (Lodash) 기호로 요소의 일부분을 표시요소--상태Hyphen (Dash) 기호로 요소의 상태를 표시요소\_\_일부분만약 위에와 같이 html이 작성되었으면클래
BEM
BEM (Block Element Modifier) is simply a coding convention that is used by developers to organize names of selectors (especially for using CSS).Naming
