일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- 리액트
- 쓰레드
- mock service worker
- react server component
- async
- 목킹
- mockoon
- react-native
- 컴포넌트
- MSW
- styled-component
- Babel
- React
- 아키텍처
- amplify
- link
- next.js
- 기초
- 리액트네이티브
- CSS-in-JS
- react-query
- JavaScript
- Cache
- 리액트쿼리
- front-end mocking
- 캐쉬
- 동기
- 비동기
- Critical Rendering Path
- 최적화
- 개발자
- sprinkles
- SWC
- 기본
- thread
- Concurrent Mode
- Basic
- 자바스크립트
- next hydration
- vanilla-extract
Archives
- Today
- Total
목록자바스크립트 이벤트관리 (1)
Don’t worry about failures

이벤트 캡처링 & 버블링 이벤트 등록 & 해제 이벤트 위임 방식 이번 스터디는 자바스크립트 이벤트 관리이다. 부끄럽게도 이벤트에 대한 관리를 생각해본적이 많이 없다. 이 주제에 대해 고민해본 적도 없었다. 버블링 우선, 버블링에 대해 살펴보겠다. 버블링은 내부 태그에 이벤트가 걸려오면 상위 태그로 전파되는 현상을 버블링이라고 한다. FORM DIV P 를 클릭했을 때 1. p 2. div 3. form 순으로 이벤트가 일어난다. 버블링 중단 이러한 버블링을 중단하는 함수도 제공한다. event.stopPropagation(), event.stopImmediatePropagation() FORM DIV P - event.stopPropagation() 위와 동일한 코드이지만, p 태그 내에 event.st..
Interview Study
2021. 5. 16. 18:22