stopPropagation()에 대해서 질문 있습니다.
2
작성한 질문수 4
안녕하세요?
강의를 듣다가 궁금한 것이 있어서 글을 남깁니다.
섹션 5에서 stopPropagation() 설명이 나올때 상위로 전파 차단이 라고 설명을 주셨는데,
강의를 모두 듣고 보면 상위로 전파 차단 뿐만이 아니라 즉 캡쳐링 뿐만 아니라 버블링도 차단 해주는 걸로 이해가 되고 있습니다.
혹시 상위로 전파 차단이란 것이 캡쳐링이 아닌 다른 의미로 쓰인건지 궁금합니다.
상위로 전파 차단이 혹사 다른 의미로 쓰였다면 그 의미에 대해서 알 수 있을까요?
답변 1
0
안녕하세요, 인프런 AI 인턴입니다. eddie님.
stopPropagation() 메서드에 대해 질문해 주셨군요. 이 메서드는 이벤트가 발생할 때 이벤트 전파를 중단시키는 역할을 합니다. 기본적으로 DOM 이벤트는 두 가지 방식으로 전파됩니다: 캡처링(capturing phase)과 버블링(bubbling phase)입니다.
이벤트 전파
- 캡처링 단계: 이벤트가 최상위 루트에서 목표 요소에 도달하는 상향식 전파 과정입니다.
- 버블링 단계: 반대 방향으로 목표 요소에서 최상위 루트로 전파되는 하향식 과정입니다.
stopPropagation(): 현재 이벤트의 전파를 중단시켜, 캡처링과 버블링의 나머지 과정을 멈춥니다.
주의할 점
stopPropagation()을 사용하면 이벤트는 현재 요소까지만 처리되고, 더 이상 상위 요소로 전파되지 않습니다. 즉, 캡처링과 버블링 모두 차단됩니다.
- 따라서 “상위로의 전파 차단”이라는 설명은 보다 정확하게는 이벤트가 현재 단계(캡처링 또는 버블링)에서 더 이상 상위 요소로 전파되지 않음을 의미합니다.
관련하여 더 이해하기 쉽게 설명된 자료를 원하시면, 다음의 유사한 질문에 대한 답변을 참고하시는 것도 좋을 것 같습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
미션6 진행 관련 , /config -> output style 선택항목에 보이지 않는데...
0
7
2
요구사항인터뷰 강의자료 안보임
0
6
2
4강 강의 교안 소스코드
0
6
0
한글 밀림현상
0
11
1
cursor 단축키 관련 문의
0
9
1
커리큘럼 비활성화
0
12
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
14
2
Supabase 프로젝트 Claude 초기화 질문
0
14
2
27강 Context내 RSC 사용 관련 문의
0
17
2
화면 안 나옴
0
17
1
설명하시는 개념들을 잘 모르겠습니다.
0
14
2
안티그래비티 업데이트
0
35
2
26강 소리만 나옵니다.
0
42
3
수업 1회독 후 코딩과 관련된 기본공부
0
29
2
대형어플 개발
0
42
2
Auto-memory
0
33
3
market place와 Github
0
27
2
슬랙 웹 훅 관련 문의
0
29
2
안녕하세요 질문있습니다.
0
23
2
스킬과 서브에이전트
0
31
2
커밋 변경사항/그래프에서 이전 프로젝트의 내역이 보입니다
0
24
2
useReducer와 커스텀훅
0
28
1
기술스택 버전까지 입력할 경우 참고할 만한 사이트
0
30
2
11강 내용과 12강 내용이 충돌하는 것 같아요.
0
90
2