250x250
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- chromatic error
- v8 원리
- js배열 알고리즘
- this
- 항해99 부트캠프
- 테스트 코드 툴 비교
- 자바스크립트 엔진 v8
- next js
- 리덕스
- JS module system
- Js module
- 리액트 렌더링 최적화
- jwt
- FP 특징
- 알고리즘
- 웹 크롤링
- 웹팩 기본개념
- 리액트 메모
- 코어자바스크립트
- 타입스크립트
- 리액트
- 항해99 사전스터디
- 함수형 프로그래밍 특징
- 항해99
- 항해99 미니프로젝트
- toggle-btn
- 렌더링 최적화
- gql restapi 차이
- 리액트 메모이제이션
- 실행컨텍스트
Archives
- Today
- Total
목록자바스크립트 이벤트 (1)
Jaeilit
이벤트버블링
이벤트 버블링 자세한 내용 https://ko.javascript.info/bubbling-and-capturing 버블링과 캡처링 ko.javascript.info onChange 는 Form 태그에 걸려있다. 위 사진은 동작은 classname 이 SearchInput__input 에서 입력을 했을 때 경우고 이번 사진은 급하게 만들어본 아무것도 없는 순수 input 태그이다. 두 콘솔의 차이는 path 속성과 target 부분이다. path 는 마치 스코프를 타고타고 전역까지 가는 모습이고 target 는 현재 target 즉 currentTarget 을 보여주는 것 같다. 왜 이런 차이가 발생했을까 이벤트 버블링은 최하위 이벤트가 일어난 속성부터 부모까지 이벤트를 전달전달전달 하는 것을 이야기하는..
JavaScript
2022. 10. 1. 21:28