일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
- array
- 자바
- 한큐에자바
- 유튜브 올리버쌤
- hanq
- java
- 전자정부프레임워크
- 이클립스
- JDK
- 취업반
- javascript
- 삼항연산자
- Event
- spread operator
- position
- egov
- 올리버쌤
- 한큐
- Youtube 올리버쌤
- Step2
- web
- 자바스크립트
- for문
- break문
- es6
- 유뷰브 올리버쌤
- 이벤트핸들러
- math
- continue문
- 이벤트
- Today
- Total
호다닥
ko.javascript.info/bubbling-and-capturing 버블링과 캡처링 ko.javascript.info capturing 과 bubbling 을 컨트롤하기 위한 꿀팁!! if ( event.target !== event.currentTarget ) { return; } /* 위 코드를 각각의 eventListner 에 삽입해준다. */ cf) event.stopPropagation(); event.stopImmediatePropagation(); stopPropagation 이나 stopImmediatePropagation 은 부모 컨테이너에서 작동하는 event의 동작에 영향을 미칠 수 있기 때문에 사용을 권장하지 않는다.
프로그래밍 언어 약속된 구문 (문법, Syntax)로 구성된 프로그래밍 언어를 사용하여 기계어를 대신 전달한 후, 컴파일러 (Compiler) 혹은 인터프리터(Interpreter)를 통해 기계어로 반환한다. *** 구문(Syntax) & 의미(Semantics) Javascript 자바스크립트는 일반적으로 프로그래밍 언어로서 기본 뼈대를 이루는 ECMAScript와 브라우저가 별도 지원하는 클라이언트 사이드 Web API, 즉 DOM, BOM, Canvas, XMLHttpRequest, Fetch, requestAnimationFrame, SVG, Web Storage, Web Component, Web worker 등을 아우르는 개념이다. 특징 별도의 컴파일 작업을 수행하지 않는 인터프리터 언어이다...
dataset 을 사용하기에 앞서 HTML에 data attribute를 customize 해줘야한다. Home About Skills My Work Testmonials Contact dataset attribute를 customize 하기 위해서는 data-(변수명) 으로 작성하고 value를 주면 된다. 그럼 dataset 에 -link라는 변수에 값들을 할당한 것이다. const navbarMenu = document.querySelector(".navbar__menu"); navbarMenu.addEventListener("click", (event) => { console.log(event.target.dataset.link); });