HTML 컨벤션

이명환·2020년 9월 23일
0

FrontEnd

목록 보기
6/9
post-thumbnail

코드 컨벤션(code convention)

코드 컨벤션이란?

코딩을 하는 프로그래머 사이의 규칙. 특히 여러명이 협업하는 과정에서 이 컨벤션을 통해 코드 스타일을 유지할 수 있다. 이 규칙을 지키면 가독성이 높아져 소스 코드를 처음 접하는 사람들도 빠르고 쉽게 이해할 수 있는데 도움이 된다. 유지보수에 이점이 있다.

즉 코드를 작성하는 규칙이다.

네이밍 규칙(id,class,변수), 주석, 들여쓰기 등을 할 떄 미리 규칙을 정해서 코드를 작성하는 것이다.



네이버의 네이밍 규칙은 이렇다.

HTML 파일은 '메뉴이름_의미_상태' 순서로 조합한다.
이미지 이름은 '형태_이름_상태' 순서로 조합한다.

그리고 큼직한 부분을 미리 예약어로 정해놓고 쓰는 곳도 있다.

네이버의 레이아웃 예약어를 예를 들면

#wrap 페이지 전체 영역
#header 머리글 영역
#container 본문 영역
#content 주요 콘텐츠 영역
#footer 바닥글 영역

이렇게 예약어를 미리 정해놓고 사용한다.



나홀로 코딩작성

나는 혼자 코딩을 자주하고 프로젝트도 많이 안해봐서 코딩 컨벤션에 대해 크게 신경을 쓰지 않았는데, 좀 많이 중요한 부분인 것 같다. 프로젝트를 할 떄 쓰는 언어의 코딩 컨벤션을 한번 슥 보고 코드를 작성하자..

참조: NHN 코딩 컨벤션

profile
Si vales bene, valeo

0개의 댓글