본문 바로가기 메뉴 바로가기

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

프로필사진
  • 글쓰기
  • 관리
  • 태그
  • 방명록
  • RSS

주섬주섬 코딩, 소소하지만 꾸준히 쌓아가는 개발 기록...

검색하기 폼
  • 분류 전체보기 (308) N
    • React (40)
    • Vue (22)
    • Javascript (55)
    • Typescript (11)
    • 개념 (88) N
      • 2025 학습 (25) N
    • HTML (24)
    • Wordpress (10)
    • 아티클 (45)
    • ---------------------------.. (6)
      • 삶, 리뷰 (6)
  • 방명록

Element (1)
[아티클 프로젝트 026] [CSS 방법론] BEM 방식

[CSS 방법론] BEM 방식 BEM (Block Element Modifier) Block 독립적인 컴포넌트 단위 header, search 등이 될 수 있다. Element 블럭을 구성하는 단위 search의 input 등이 될 수 있다. Modifier 블럭, 엘리먼트의 속성 search의 focused나 button의 disabled 등이 될 수 있다. __와 --로 구분한다. 이름연결시에는 하이픈(-)하나로 연결한다. block-name Block Element Modifier class만을 사용한다. 어떤 목적인가를 중점으로 네이밍한다. Block header, logo, search 등이 될 수 있다. header > logo 일 경우 분리될 수 있는 컴포넌트 단위인 경우 block으로 처리..

카테고리 없음 2020. 8. 13. 22:39
이전 1 다음
이전 다음
최근에 올라온 글
최근에 달린 댓글
«   2025/09   »
일 월 화 수 목 금 토
1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30
Total
Today
Yesterday

Blog is powered by Tistory / Designed by Tistory

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.