Naming Rule

공통규칙

• Naming은 영어 소문자로 시작한다
• Naming은 형태(prefix)_의미(subfix)를 기본으로 하되 필요할 경우 _상태(suffix)를 추가한다
  • 형태 : button (btn), div(box), ul(list), li(item), form(frm) ...
  • 의미 : news (news), entertainment (emt), naverpay (npay), navertv (ntv) ...
  • 상태 : _on, _off, _top, _mid, _fst, _lst ...
  • 예시 : btn_news, box_emt_off
• ID는 사용을 금지하고 class만 사용하며 필요할 경우 class를 수정자로 사용한다
  • 예시 : <div class="box_emt box_emt_off">

prefix

분류	prefix	부가설명
타이틀	tit
네비게이션	snb	사이드 네비게이션
테이블	tbl
목록	list	ul,ol,li
아이콘	ico
폼	frm
버튼	btn
박스	box
선	line_방향
배경	bg
텍스트	txt_텍스트내용
링크	link

subfix

분류	subfix	부가설명
그림자	shadow
화살표	arr
버튼상태변화	nor
방향	hori/vert
카테고리	cate
순위	rank

suffix

분류	suffix	부가설명
상태변화	on/off/over/hit/focus
위치변화	top/mid/bot/left/right
순서변화	fst/lst
이전/다음	prev/next