rosie

  • 홈
  • 태그
  • 방명록

2024/11/13 1

CSS의 BEM 모델이란?

CSS BEM 모델이란?BEM(Block-Element-Modifier) 모델CSS 클래스 네이밍 방법론중 하나가독성재사용성 UPCSS 클래스 네이밍 같은 경우에는 CSS의 코드의 가독성, 유지보수, 재사용을 향상시키기 위해 개발자들 사이에서 널리 사용되는 방법론CSS 클래스 네이밍을 3단계로 구조화한 방법Block - 블록독립적으로 존재하며 다른요소에 의존하지 않는 최상위 요소ex. button, header등과 같이 최상위 요소가 블록이 될수 있음Element - 요소블록의 일부로 특정 기능을 수행하는 요소요소는 블록과 함께 사용할때만 의미를 가지고 블록을 기반으로 클래스를 작성함ex. button이라는 블록 하위에 button_text라는 엘리먼트가 있을 수 있고, header라는 블록 하위에 he..

공부/React 2024.11.13
이전
1
다음
더보기
프로필사진

rosie

  • 분류 전체보기 (184)
    • IT (76)
      • Html (2)
      • CSS (2)
      • JavaScript (11)
      • Node.js (2)
      • React (2)
      • Github (7)
      • 네트워크 (2)
      • Page Clone_twitter (10)
      • PageClone_Disney_plus (5)
      • 면접 (33)
    • 공부 (107)
      • JavaScript (14)
      • 웹개발 종합(사전준비) (8)
      • 코딩테스트 (54)
      • Project (3)
      • WIL (6)
      • React (12)
      • Error (7)
      • CS (2)
      • TypeScript (0)
      • HTTP (0)
      • Next.js (0)
      • Design System (1)

Tag

부트캠프추천, 코딩부트캠프후기, ㅇㄻ, 항해99장점, 항해99후기, 항해99단점,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2024/11   »
일 월 화 수 목 금 토
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.

티스토리툴바