Naming Rule

공통규칙

Naming은 영어 소문자로 시작한다
Naming은 페이지명_상중하_좌우_형태(prefix) 로 한다
- 페이지명 : main, aside
- 상중하 : top (t), middle (m), bottom (b)
- 좌우 : left (l), right (r)
- 형태 : button (btn), div(box), ul(list), li(item), form(frm) ...
- 예시 : main_t_l_btn
페이지 전체를 감싸는 container나 상중하, 좌우를 판별하기 어려운 경우에는 상중하 혹은 좌우를 생략 가능하다
- 예시 : <div class="main_box">
ID를 사용 할 필요가 있을 때에는 class 명에 __ 붙인 naming을 ID로 사용한다
- 예시 : <div id="main_t_l_box__" class="main_t_l_box">
필요할 경우 형태 페이지명_상중하_좌우_형태 뒤에 _세부사항 을 계속해서 추가 할 수 있다
- 예시 : <li id="main_t_m_ico_nlogo__" class="main_t_m_ico_nlogo">