👩🏻💻
-
Document.querySelector()
Document.querySelector()는 제공한 선택자 또는 선택자 뭉치와 일치하는 문서 내 첫 번째 Element를 반환. 일치하는 요소가 없으면 null을 반환. -
PascalCase
js의 기본적인 표기법 -
Math.floor()
내림 -
classList
element의 읽기전용 속성으로 css class의 현재 값을 반환.
classList 속성은 DOMTokenList 개체로, 요소의 클래스 이름을 반환. -
defer
브라우저가 페이지의 파싱을 모두 끝내면 스크립트가 실행됨.
or
<body>끝에 일반 스크립트 포함
실행 순서 : BODY태그 끝까지 HTML 파싱 → JS파일 발견 → JS 패칭 → JS 실행
장점 : HTML 컨텐츠를 빠르게 볼 수 있다.
단점 : 의미있는 컨텐츠가 JS파일에 의존적이면 사용자가 기다려야 한다.
defer 속성을 쓰지 않고 head 태그 안에 js 스크립트를 연결했을 때에 계속 오류가 났다.
기록하는 습관을 기르고 있습니다.