코딩 컨벤션

1. 공통

1-1. 들여쓰기

• HTML, CSS, JavaScript 모두 2칸으로 통일합니다.

<div>
	<ul>
		<li>저희 팀의 들여쓰기 간격은 2칸입니다.</li>
		<li>HTML, CSS, JavaScript 모두 동일합니다.</li>
	</ul>
</div>

1-2. 따옴표

• 문자열, 클래스 이름 등에 모두 큰 따옴표( ” ) 를 사용합니다.

const inputId = document.querySelector(".input-id");
inputId.value = "qwerty1234";

2. CSS

2-1. 클래스 이름

• 케밥 케이스를 사용합니다.
• 약어를 사용하지 않습니다.
• 두 개 이상의 단어의 조합으로 하나의 기능을 표현하는 경우에는 스네이크 케이스를 혼용합니다.
• 요소-기능의 순서로 작성하고, 상태를 나타내는 클래스는 따로 분리합니다.
• 여러 요소를 하나로 묶는 용도의 클래스는 container, 한 요소의 레이아웃을 맞추기 위한 용도의 클래스는 wrapper로 이름을 붙이기를 권장합니다.