후니후니

  • 홈
  • 태그
  • 방명록

방법론 1

CSS BEM 방법론

BEM (Block Element Modifier) 작명규칙 소문자, 숫자만을 이용하여 작명한다. 여러단어의 조합은 하이폰으로 연결하여 작명한다. (sub-header__title--color-red) 기본적으로 id (label for에서는 사용), 태그 선택자를 사용하지 않고 class 만을 사용한다. (태그 선택자는 성능 저하를 유발하기 때문에 방법론이 아니더라도 사용을 하지 않는 것이 좋다) Block Block은 재 사용할 수 있고, 독립적인 구성요소여야 한다. (header, footer, nav, logo 등) 형태 (small, big, red, blue)가 아닌 목적 (error, menu, button, success)에 맞게 결정해야 한다. 환경에 영향 받지 않아야 한다. (여백, p..

CSS 2020.07.27
이전
1
다음
프로필사진

후니후니

  • 분류 전체보기 (62)
    • Vue-cli 배포 (2)
    • ES6 (1)
    • 디자인 패턴 (3)
    • JavaScript (12)
    • TIL (0)
    • CSS (3)
    • 포트폴리오 제작기 (3)
    • Cypress (3)
    • React.js (10)
    • Nuxt.js (5)
    • TypeScript (3)
    • Vuetify (1)
    • Vue.js (3)
    • Github Action (1)
    • Three.js (2)
    • Pinia (4)
    • etc (2)
    • React Native (2)
    • DB (2)

Tag

react query, vue, 타입스크립트, composition, react, vuetify, NUXT, 포트폴리오, Cypress, e2e, JS, Store, Front, Core Components, Redux, vue3, frontend, pinia, 자바스크립트, react-query,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

  2025. 06  
일 월 화 수 목 금 토
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 :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바

단축키

내 블로그

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

블로그 게시글

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

모든 영역

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

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