# BEM

11개의 포스트
post-thumbnail

[TIL]CSS 방법론 : BEM

BEM (Block Element Modifier)이란 CSS 방법론중 하나로 요소에 대한 속성에 근거하는 클래스의 이름을 짓는데 구조적인 방법을 제시하며, 유저 인터페이스를 독립된 여러 개의 블록으로 분리하자는것이 목표이다.

2021년 5월 4일
·
0개의 댓글
post-thumbnail

[HTML, CSS] BEM

* BEM(Block Element Modifier) HTML 클래스 속성의 작명법 1. 요소__일부분: Underscore(Lodash) 기호로 요소의 일부분을 표시 2. 요소--상태: Hyphen(Dash) 기호로 요소의 상태를 표시 >요소__일부분 > 요소--상태

2021년 3월 29일
·
0개의 댓글

css 방법론 - BEM 방식

css 방법론이란 쉽게 풀어쓰면 css 클래스네임을 어떻게 지으면 좋을지를 고민해보는 것.BEM은 block, Element, Modifier를 뜻한다.이 세가지로 구성된 이름을 짓는 것. 그리고 각각 \_\_와 --로 구분한다.위 코드에서 header는 Block,

2021년 3월 26일
·
0개의 댓글

CSS naming methodology(BEM)

✅ Naming Case CSS Naming 방법론을 알아보기 전, 대표적인 Naming Case는 어떤 것들이 있는 지 알아보자 kebab-case(케밥 표기법) kebab-cas

2021년 3월 15일
·
0개의 댓글
post-thumbnail

[TIL-css]BEM 작성방식

지난 스터디 당시 클래스의 이름을 붙일 때 유용한 방식으로 BEM 작성방식이 나왔다. 이름을 붙이는 방식 중 유용하게 쓰이는 방식이 있다는건 알고 있었으나, 솔직히 잘 사용하지 않았다. 나름대로 의미있게 지으려고 했으나 그건 내 방식일뿐 누구와 공유하는 것이 아니기에

2021년 3월 13일
·
1개의 댓글

2021-02-18 코드 리뷰 : 로또 미션 1차

https://github.com/woowacourse/javascript-lotto/pull/18BEM은 css class의 이름을 좀 더 관리하기 쉬운 형태로 만들기 위한 방법론임네이밍은 Block\_\_Element--Modifier로 표현됨. 각 요소는

2021년 2월 27일
·
0개의 댓글

[TIL] BEM 방법론

새로 들어가는 회사 프로젝트에 활용하기 위해서 BEM을 공부하고 있다. Sass를 사용하려 했는데, Sass랑 아주 아주 잘 맞는 방식이라고 해서 보니 진짜였다! 많은 이들에게 사랑받고 있는 CSS 네이밍 기법(?). Block-Element-Modifier 의 줄임말

2021년 2월 22일
·
0개의 댓글
post-thumbnail

클래스 명명규칙, BEM

개발 공부 초보자의 입장에서 수많은 클래스의 이름을 지정해주는 것은 여간 까다로운 것이 아닙니다. 프로그램이 복잡해질수록 필요한 클래스명도 덩달아 복잡해질텐데 이는 숙련된 개발자들에게도 고민되는 부분인가 봅니다.혼자 퍼블리싱을 하다가도 --를 쓰는게 맞는지, 혹은 -,

2021년 2월 5일
·
0개의 댓글

[CSS]BEM이란 CSS 클래스 이름 만드는 일종의 약속이다.

CSS에서 클래스 이름 정하는 방법을 명료하게 정리한 것이 바로 BEM이다.BEM은 블록(Block), 엘리먼트(Element), 모디파이어(Modifier)의 첫 글자를 딴 용어다.각각 다음과 같이 비유해볼 수 있다.

2020년 11월 6일
·
2개의 댓글
post-thumbnail

BEM + SCSS 실습 후기

원래는 깃허브에 짜잔 올려서 블로그에 같이 올릴 생각이었는데, 어라? VScode 상에서는 parcel을 이용해서 잘 되던 게 깃허브에 푸쉬 해 놓으니 경로를 잘 못 읽어들인다. 🙄..(요즘엔 개념 이해보다도 실습 환경 구축이 제일 어려운 것 같다...)일단 실제 페

2020년 8월 13일
·
0개의 댓글