JavaScript / 3

 

 

 

 

 

 

.eq(인덱스번호) 는 같은 이름의 클래스들이 여러개일때 몇번째 클래스를 지칭하는건지 알수있게 해주는 제이쿼리 문법

(쿼리셀렉터all에다가 인덱싱 하는거랑 비슷함)

 

 

자주쓰는 셀렉터는 변수에 넣어두는게 좋다. 셀렉터를 자꾸 지정하면 속도에 안좋음

 

 

반복문 안에 있는 변수는 무조건 let으로!!

 

 

e.target() : 유저가 실제로 누른거
e.currentTarget() : 이벤트리스너가 달린거
e.preventDefault() : 기본동작 막기
e.stopPropagation() : 나의 상위요소로 퍼지는 이벤트 버블링 막아줌

 

 

이벤트리스너 쓸때마다 렘 용량 차지하게됨 그래서 줄이면 줄일수록 좋음..

 

 

 

html태그에 몰래 값을 넣을수 있음 (data-작명="값") 이런식으로

이걸 출력해보려면 도큐먼트쿼리셀렉터~~.dataset.작명 

그래서 e.target.dataset.작명 이렇게하면 지금 클릭한 html을 실행시키는 그런 기능도 코드 한줄로 쉽게 개발 가능