최초작성: 22.07.06 / 최종수정 23.02.21
용어집
- Element - HTML 문서를 구성하는 요소(태그)를 의미합니다.
- Attribute - Element에 부여할 수 있는 특성을 의미합니다.
- Selector - Element를 식별할 수 있는 이름을 의미합니다.
- Style - Element에 부여할 스타일 시트(Style Sheet)를 의미합니다. 인라인 스타일(Inline Style), 내부 스타일(Internal Style), 외부 스타일(External Style), CSS 네가지로 구분합니다.
- Property - 스타일과 관련된 문맥일 경우 스타일 시트의 속성을 의미합니다.
- Prefix & Suffix - 네이밍 시 사용되는 접두사, 접미사를 의미합니다.
- Component - 하나 이상의 기능 또는 역할을 가진 컨텐츠 단위의 UI 구성요소를 의미합니다.
개요
- HTML 및 CSS의 빈 줄의 경우 유의미한 요소를 구분하기 위해 한 줄까지만 허용한다
- 주석은 최대한 상세하게 적되(날짜가 필요한 경우 날짜 표기) 불필요한 주석을 지양하고, 주석이 불필요한 시기에는 반드시 삭제한다.
- 모든 태그는 소문자로 작성하고 HTML태그에는 대문자를 사용하지 말 것. 들여쓰기 체크.
- 불필요한 div 대신 html5 시맨틱 요소에 걸맞는 html tag를 사용한다. 추가로 불필요한 div는 지양한다. (ex) header, footer, nav, article 등)
- 들여쓰기는 2개의 공백 문자(소프트탭)을 사용한다. ex) tabSize: 2
- 모든 attribute 값은 큰 따옴표(")로 감싼다.