ID VS CLASS

✅ id

• 고유함: 하나의 HTML 문서 안에서 단 한 번만 사용해야 해요.
• 주 용도: 특정한 단일 요소를 식별할 때 사용.
• CSS에서 선택자: #id이름 으로 사용.
• JavaScript 접근: getElementById("id이름") 으로 바로 접근 가능.

<div id="header">여기는 헤더입니다.</div>

---

✅ class

• 공유 가능: 여러 요소가 같은 class를 가질 수 있어요.
• 주 용도: 여러 요소에 같은 스타일이나 기능을 적용할 때 사용.
• CSS에서 선택자: .class이름 으로 사용.
• JavaScript 접근: getElementsByClassName("class이름") 또는 querySelectorAll 등으로 접근.

<div class="box">1번 박스</div>
<div class="box">2번 박스</div>

---

🤔 요약 비교

항목	id	class
고유성	고유 (하나만)	재사용 가능 (여러 번)
CSS 선택자	#idName	.className
JS 접근	getElementById()	getElementsByClassName() 등
사용 예	특정 요소에만 스타일 적용할 때	여러 요소에 같은 스타일 적용할 때

---