이벤트 전파(Event Propagation)
유저와 상호작용하는 웹페이지를 위해 반드시 알아야 하는 개념이 있다. 바로 이벤트이다. 화면 상의 요소를 클릭하거나, 스크롤을 하거나, 값을 입력하는 등의 상호작용은 모두 이벤트를 통해 처리된다. 프론트엔드에서 이벤트는 없어서는 안 될 필수적인 존재다. 그런데 이벤트를 공부하다 보면 이벤트의 동작 방식이 생각보다 복잡하다는 사실을 알 수 있다. 이벤트를 잘 다루기 위해서는 이벤트가 어떻게 동작하는지를 이해해야 한다. 이번 포스팅을 통해 이벤트의 동작 방식인 이벤트 전파 및 관련 개념들에 대해 정리하고자 한다. 목차는 다음과 같다. 1. 이벤트 전파 1-1. 이벤트 전파란 1-2. 이벤트 전파가 존재하는 이유 1-3. 이벤트 전파 막는 법 2. 캡처링 2-1. 캡처링이란 2-2. 활용 방법 2-3. 예시 ..
프론트엔드
2024. 4. 14. 15:05
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
링크
TAG
- testable
- 이벤트 전파
- 레벨 1
- 5월2주차
- 자소서
- 엘레강트 오브젝트
- 우테코 6기
- observer
- 우테코 프론트엔드
- next js
- 회고
- 프리코스
- 옵저버 패턴
- 테스트코드
- dom
- 조영호
- 유닛테스트
- 객체지향
- 객체지향원칙
- 예고르
- SEO
- 레벨2
- 우아한테크코스
- 디자인 패턴
- 컴포넌트
- 우테코
- 우아한테크코스 6기
- 프론트엔드
- next js seo
- 브라우저
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함