Naming Rule

공통규칙

• Naming은 영어 소문자로 시작한다

• Naming은 상중하_좌우_형태(prefix) 로 한다

  • 상중하 : top (t), middle (m), bottom (b)
  • 좌우 : left (l), right (r)
  • 형태 : button (btn), div(box), ul(list), li(item), form(frm) ...
  • 예시 : t_l_btn

• ID는 사용을 금지하고 class만 사용하며 필요할 경우 기존 class name에 __ 붙인 naming을 class modifier로 사용한다

  • 예시 : <div class="t_l_box t_l_box__">

형태(prefix)

prefix	약어	부가설명
타이틀	tit
사이드 네비게이션	snb	좌측 사이드 네비게이션
테이블	tbl
목록	list	ul,ol,li
아이콘	ico
폼	frm
버튼	btn
박스	box
선	line
배경	bg
텍스트	txt
링크	link