네이밍 컨벤션

분류별 Prefix 부가설명분류prefix부가설명

타이틀	tit	일반적인 타이틀
영역	section	제목 태그(Heading Tag)를 지닌 영역 구분 (선택적 사용, 중첩사용 지양)
	wrap	일반 영역의 묶음 (선택적 사용, 중첩사용 지양)
	inner	부모 wrapper 가 존재하며 자식 묶음이 단독으로 필요한 경우
내비게이션	gnb	서비스 전체 내비게이션
	lnb	지역 내비게이션(gnb 영역)
	snb	사이드 내비게이션(좌측메뉴)
탭	tab
테이블	tbl
목록	list	일반 목록(ul, ol, 리스트 형식의 dl)
폼	tf	textfield (input 타입 text / textarea)
	inp	input 타입 radio, checkbox, file 등
	opt	selectbox
	lab label
	fld	fieldset
버튼	btn
박스	box
아이콘	ico
선	line_방향	일반 실선
	line_dot_방향	점선
배경	bg
섬네일 이미지	thumb
페이징	paging
배너	bnr/banner
텍스트	txt	일반 텍스트
	txt_bar	구분선 텍스트
	num	ex) num1, num2, ... - 숫자 사용 시 언더바(underscore) 사용 X
	copyright
	time	날짜 및 시간
강조	emph
링크	link	일반 링크
	link_more	더 보기 링크
순서	fst, mid, lst
팝업	popup
레이어	layer
광고	ad
스페셜	spe	검색 스페셜 용도
위젯	widget_소재명
상세내용	desc
댓글	cmt

subfix

하부 기호로서 subfix는 prefix와 함께 부가설명 용도로 사용한다.

1. ex) ico_arr_news.gif

분류별 subfix 부가설명분류subfix부가설명

공용	comm	전역으로만 사용
위치변화	top/mid/bot/left/right
순서변화	fst/lst
그림자	shadow
화살표	arr
버튼상태변화	nor
방향	hori/vert
카테고리	cate
순위	rank

suffix

접미사를 의미하는 것으로, prefix와 함께 부가설명 용도로 사용하며 주로 상태를 나타내는 데 사용된다.

1. ex) btn_confirm_on, btn_prev 등

분류별 subfix 부가설명분류suffix부가설명

상태변화	_on / _off / _over / _hit / _focus
위치변화	_top / _mid / _bot / _left / _right
순서변화	_fst / _lst
이전/다음	_prev / _next

대체 텍스트 / 예약어

대체텍스트 제공을 위한 여러 기법별 공용 클래스명 정의

예약어는 미리 정의된 네임을 사용하는 것으로 레이아웃 같은 경우에 주로 사용된다.

분류별 subfix 부가설명분류클래스명부가설명

대체 텍스트	ir_pm	image 대체텍스트 용도(text-indent)
	ir_wa	image 대체텍스트 용도(z-index)
	screen_out	숨김 텍스트 용도(absolute)
	screen_hide	숨김 텍스트 용도(visibility)
예약어	daumIndex	웹접근성용바로가기 영역
	daumWrap	페이지를 감싸는 전체영역
	daumHead	머리글 영역
	daumContent	본문 영역
	daumFoot	바닥글 영역