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

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