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 | 31 |
Tags
- Session
- 표현식과 문
- Nodemon
- 제어유니트
- JavaScript
- 자료구조
- cookie
- 유튜브클론코딩
- 마이크로명령어
- 후위표기법변환
- MongoDB
- 연결자료구조
- 제어유닛
- 자바스크립트
- 후위표기법연산
- Express
- 리액트
- 모던 자바스크립트 Deep Dive
- CPU
- 유튜브 클론코딩
- 보조저장장치
- 자바스크립트 배열
- react
- node.js
- 컴퓨터 구조
- 깃허브 로그인
- 컴퓨터 구조론
- 프론트엔드
- mongoose
- pug
Archives
- Today
- Total
목록currentTarget (1)
909 Devlog

리액트에서 input을 다루다 보면 자주 사용하게 되는 e.target과 e.currentTarget, 두 요소의 차이점을 알아보자. 코드로 알아보기 전에, MDN 문서를 한 번 읽어보자. 먼저, Event 인터페이스의 읽기 전용 요소인 target은 이벤트를 발생시킨 객체에 대한 참조이다. 이어서, Event 인터페이스의 읽기 전용 요소인 currentTarget은 이벤트 핸들러가 부착된 element를 식별한다. 즉, target은 이벤트 버블링에 의해 부모의 이벤트를 위임받은 자식을 가리키고, currentTarget은 이벤트 핸들러가 부착된 요소를 가리킨다. 쉽게 말해서 target은, 실제로 이벤트가 발생된 요소를 가리킨다고 보면 된다. 이제 코드로 한 번 알아보자 강아지 고양이 우선 위와 같이..
JavaScript/이벤트
2024. 2. 1. 02:13