16. id와 class _ 선택자

id와 class는 선택자입니다. 이름을 부여한다 생각하면 쉽습니다.
사람의 경우 이름으로 딱 그사람을 지칭합니다.
이것이 태그에서는 선택자입니다
선택자를 가지고 css를 입히거나 javascript로 동작을 제어합니다.

id와 class는 태그에서 여는 부분에 넣어 줍니다.

<div id="idName"></div>
<span class="class_name"></span>
 

id

id와 class 모두 선택자이지만 가장 큰 차이점은 사용 횟수 입니다.
id는 html문서 안에서 딱 한번만 사용 가능합니다.
하나의 요소만 선택할 수 있지요.

class

class는 한 html문서에서 복수사용이 가능합니다.
고로 여러 요소들에게 동일한 무언가를 부여할때 사용할 수 있습니다.

id, class 표기법

id와 class의 표기법에는 대표적으로 카멜 표기법과 스네이크 표기법이 있습니다.
생김새를 본따 지은 이름입니다.
카멜 표기법은 시작은 소문자로 시작하고 중간에 각 단어가 겹치는 부분에서
띄어쓰기를 하지 않고 첫문자를 대문자로 표기하는 방법입니다.
예를 들면 camel case라는 문자를 카멜 표기법으로 나타내면 다음과 같습니다.

camelCase

스네이크 표기법의 경우는 언더바(_)로 단어를 나눠주는 표기법입니다.
스네이크 표기법으로 snake case를 나타내면 다음과 같습니다.

snake_case

저는 id는 카멜 표기법, class는 스네이크 표기법을 사용하는데
이건 사람마다 의견이 달라서 뭐라고 딱 말을 못하겠네요

* 개인적인 공부를 정리하는 블로그입니다.