공통 네이밍 규칙 예
잘못된 예 | 올바른 예 | 설명 |
---|---|---|
Tit_pop.html *-hidden-obj 03_btn_more.gif | tit-section | 시작이름은 영문 대문자, 숫자, 특수문자로 시작할 수 없다.(파일 및 폴더 제외) |
cancle_btn_off_01.gif, msgbox-off-toggle | btn_cancle_01_off.gif, msgbox-toggle-off | 네이밍의 조합은 '형태_의미_순서_상태'을 기본 순서로 사용한다. |
customerService | customer_service | 네이밍 규칙의 언더스코어(_) 조합은 파일, 폴더, 이미지에 사용한다. |
hidden_obj | hidden-obj | 네이밍 규칙의 하이픈(-) 조합은CSS 네이밍에 사용하는 것을 권장한다. HTML 문서 안에서 언더스코어(_)의 조합은 form, input 엘리먼트등의 name 어트리뷰트의 값을 사용하는 것을 권장한다. 이유는 클래스 네임이 서버사이드 스크립트의 변수와 자바스크립트의 변수 정의시 혼돈을 방지하기 위함이다. |
cyber_center_1, cyber_center_2 | cyber_center_01, cyber_center_02 | 1, 2과 같은 한자리 정수는 사용하지 않으며 01, 02과 같이 사용하며 사용을 권장한다. 대부분의 파일관리 유틸리티 프로그램들을 사용하여 파일의 이름으로 정렬할 때에 정렬의 순서를 보장하기 위함이다. |
box-type01, box-type02, box-type03 | box-type, box-type02, box-type03 | 동일한 이름의 네이밍의 경우 가장 뒤에 숫자를 사용하여 분류지어 사용할 수 있으며 첫번째 파일은 숫자를 생략하여 사용할 수 있다. |