# BEM

24개의 포스트
post-thumbnail

TIL 20220106

ES2021 자바스크립트 강좌 - 제로초익명함수는 주로 콜백으로 쓰인다함수를 호출할떄 넣은 값(argument)을 인수, 선언할떄 사용한 변수(parameter)를 매개변수라고 함함수 내에서 arguments라는 값을 사용 가능 -> 호출시 넣은 parameter값을

2022년 1월 6일
·
0개의 댓글
post-thumbnail

BEM 방법론 정리 (네이밍 규칙)

크고 복잡한 프로젝트일수록 네이밍 규칙이 중요하다. 프로젝트마다 규칙이 조금씩 다르겠지만, 많이 통용되고 있는 BEM에 대해 정리해보고자 한다.BEM(Block, Element, Modifier)도 네이밍 방법론의 하나일뿐이다. 이름에서 알 수 있듯이 Block(블록)

2022년 1월 3일
·
0개의 댓글
post-thumbnail

BEM CSS 방법론 정리

BEM(Block, Element, Modifier) 방식

2021년 12월 10일
·
0개의 댓글
post-thumbnail

[KDT]FCFE - 2주4일 웹페이지 만들기 2 (gsap&lodash)

: class 이름을 생성할 때 의미를 두고 만들어 중복하지 않고 사용할 수 있도록 하는 작명법. menu\_\_name: 요소\_\_일부분menu\_\_content--상태: 요소\_\_일부분--상태\_.throttle(function(){},300);: 반복 작업

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

1일차

코딩에 필요한 것 3가지: 인내심, 검색하기(공유하기), 열정 HTML element : 약속된명령 with 고유한 기능 ``태그: 수평선 그려줌 block: 페이지 가로 넓이 전체를 차지하는 요소 inline: 자신의 크기만큼만 차지하는 요소 종속태그 선택박스

2021년 11월 29일
·
0개의 댓글
post-thumbnail

CSS의 진화과정

CSS, SCSS, BEM, CSS Modules, Styled-Components

2021년 11월 23일
·
0개의 댓글
post-thumbnail

CSS 방법론에 대하여

CSS의 활용도가 높아지고 대규모 프로젝트가 많아짐에 따라,복잡한 설계의 필요성을 느끼지 못했던 CSS에도 다양한 방법론들이 생기기 시작했습니다. 따라서 CSS를 어떤 방법으로 짜면 더 효율 적으로 짤 수있는지에 대한 방법론 입니다 .CSS 방법론의 공통적인 특징은 ?

2021년 11월 23일
·
0개의 댓글
post-thumbnail

TIL 9 : CSS 설계 기법

20211112 TIL OOCSS / SMACSS / BEM

2021년 11월 12일
·
0개의 댓글

BEM

bem

2021년 11월 6일
·
0개의 댓글
post-thumbnail

BEM(뱀)이란?

HTML에서 클래스 이름을 작성하는 방법에 대해서 정의한 규칙.

2021년 11월 1일
·
0개의 댓글
post-thumbnail

자기소개 웹페이지 제작

HTML / CSS 를 통하여 자기소개 웹페이지를 만들어 보았다. 배우면서 새로 알게된 점이나 느낀점 등을 기록하려고 한다. > 자기소개 웹페이지 바로가기! 1. Wireframing 핀터레스트나 다른 분들이 만드신 웹페이지 등을 참고하여 나만의 웹페이지의 디자인을

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

[FE로드맵] CSS 양식

BEM, OOCSS, SMACSS, SUITCSS

2021년 9월 27일
·
0개의 댓글
post-thumbnail

React | Component-Design

Component Design

2021년 9월 12일
·
0개의 댓글
post-thumbnail

[CSS] CSS 방법론 - BEM 방식

[CSS] CSS 방법론 - BEM 방식

2021년 9월 6일
·
0개의 댓글
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일
·
1개의 댓글

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일
·
0개의 댓글

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

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

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