야매로 배운 Css와 Html 을 이번기회에 다시 복습하고 기초를 탄탄히 하는 계기가 되길

배운내용은 빠르게 훝고 개념이 정확하지 않은 부분만 메모함.

data 속성

html태그에 어떠한 정보를 저장 하고싶을 때

<div data-any-any="apple">사과</div>

그리고 해당 태그의 정보를 추출할 떄.

const els = document.querySelector(’div’);
el.dataset.anyAny

하이픈을 대문자로.

랜더링 후 자바스크립트 실행하기

1. 문서 제일 하단에 script 삽입하기.
2. defer 속성 추가: <script defer src=”./main.js” </script>

가상클래스 선택자

:focus 는 기본적으로 fouse 될 수 있는 요소에만 적용되나

속성 tabindex=”-1” 을 부여하면 포커스가 됨(권장하지 않음)