HTML 새로 알게된 점

data-이름="데이터" 속성

<태그 data-이름="데이터"></태그>
: 주로 자바스크립트에서 데이터 가져와서 사용할 때 이용함

[사용예시]

<div data-fruit-name="apple">사과</div>
<div data-fruit-name="banana">바나나</div>

const els = document.querySelectorAll('div')
els.forEach(el => {
console.log(el.dataset.fruitName)
})

defer 속성

<script defer src="./main.js"></script>

: defer 속성은 HTML 구조가 준비된 후에 자바스크립트를 해석하겠다는 의미
-> head 부분에 위치해도 자바스크립트 코드가 정상적으로 동작하게 한다.

BEM(Block Element Modifier) - HTML 클래스 속성의 작명법

• 요소__일부분 : Underscore(Lodash) 기호로 요소의 일부분을 표시
• 요소--상태 : Hyphen(Dash) 기호로 요소의 상태를 표시