삽질모음.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 명명법 사용
  • 나머지는 문서를 참고 (너무 많음,,,)