삽질모음.TXT front-convention
HTML, CSS
https://nuli.navercorp.com/upload/2020/6672a2b7-abdd-411e-8a50-362911bc7999_Coding_Conventions_for_Markup.pdf (NHN_컨벤션 문서)
코딩컨벤션
네이밍
-
영문 소문자, 숫자, 언더스코어(_)로 작성한다.
-
영문 소문자로만 시작할 수 있다
-
언더스코어()는 단어와 단어 조합할 때만 사용한다. → section_list
-
id, class 네이밍
- id는 문서 전체의 고유 식별자 이므로 한 문서에서 동일한 id를 여러 번 사용하지 않는다
- 레이아웃을 제외한 id는 스타일을 지정하지 않는다.
- 레이아웃에 디자인 속성을 추가/변경하려면 class를 사용한다.
-
image 네이밍
- 같은 분류의 이미지가 두 개 이상이면 파일 이름 마지막에 숫자를 추가하여 구분한다
- 임의로 축약하지 않는다. → bnm.gif (x), btn_naver_mail.gif (o)
- 영문 소문자를 사용한다.
-
파일 및 폴더 네이밍 조합
- HTML파일은 '메뉴이름_의미_상태' 순서로 조합한다. → news_nboard_view.html
- CSS 파일은 '서비스이름'을 맨 앞으로 하여 조합한다 → news_home.css
-
빈 줄
- 의미 있는 객체를 구분하기 위하여 코드 그룹 간 1줄씩 빈 줄을 만드는 것은 허용한다. 빈 줄의 간격은 1줄을 초과하지 않는다.
JavaScript
https://github.com/ParkSB/javascript-style-guide#명명규칙-naming-conventions(aribnb_컨벤션 문서)
- 하나의 함수에는 하나의 기능만을 작성한다.
- 만약, 다수 기능이 필요할 경우 새로운 함수를 작성한다.
- tab 사용
- camelCase 명명법 사용
- 나머지는 문서를 참고 (너무 많음,,,)