nana_log
Home
  • 분류 전체보기 (67)
    • Study (62)
      • Markup (2)
      • CSS (12)
      • JavaScript (21)
      • Framework (5)
      • Tools (0)
      • Web Animation (2)
      • Design (8)
      • etc. (12)
    • Days (4)
      • Work (2)
      • Loves (2)
Home
  • 분류 전체보기 (67)
    • Study (62)
      • Markup (2)
      • CSS (12)
      • JavaScript (21)
      • Framework (5)
      • Tools (0)
      • Web Animation (2)
      • Design (8)
      • etc. (12)
    • Days (4)
      • Work (2)
      • Loves (2)
About
블로그 내 검색
Portfolio

nana_log

인터렉티브 모션과 자바스크립트를 공부하고 있는 웹 퍼블리셔에요 :-9

BEM (1)

  • Study/CSS

    [CSS 방법론] BEM 방식

    오늘은 CSS 방법론을 다뤄보겠습니다 ;-) 말이 거창하긴 한데 쉽게 풀어쓰면 'CSS 클래스네임을 어떻게 지으면 좋을지' 고민해보는 거죠. 방법론에는 여러 가지가 있는데, 최근 BEM을 실무에 도입하면서 매력을 느끼고 있어요! 그래서 이번 포스트는 BEM에 대한 내용입니다. 한 번 읽어 보시면 도움이 되리라 생각합니다. (*이 포스트의 틀린 부분이나 고칠 점이 있다면 알려주세요! 감사히 배우겠습니다.) 1. BEM의 기본 구조 BEM은 Blcok, Element, Modifier를 뜻합니다. 저 세 가지로 구성된 이름을 짓는 거죠! 그리고 각각 __와 --로 구분합니다. 이렇게 생긴 클래스네임, 어디선가 본 적 있지 않으신가요? (너의 이름은...?!) .header__navigation--navi-t..

    2020. 5. 17.

이전
1
다음
전체 글 보기
  • Github
  • Portfolio
  • Mail

Today 283

Total 139,885

좋아하니까, 나답게

Designed by Nana
블로그 이미지
나나 (nykim)
쉽고, 재밌고, 특별한 걸 좋아해요. 가끔은 걷고 가끔은 뛰면서 나아가는 중.