stopPropagation()에 대해서 질문 있습니다.
3
4 câu hỏi đã được viết
안녕하세요?
강의를 듣다가 궁금한 것이 있어서 글을 남깁니다.
섹션 5에서 stopPropagation() 설명이 나올때 상위로 전파 차단이 라고 설명을 주셨는데,
강의를 모두 듣고 보면 상위로 전파 차단 뿐만이 아니라 즉 캡쳐링 뿐만 아니라 버블링도 차단 해주는 걸로 이해가 되고 있습니다.
혹시 상위로 전파 차단이란 것이 캡쳐링이 아닌 다른 의미로 쓰인건지 궁금합니다.
상위로 전파 차단이 혹사 다른 의미로 쓰였다면 그 의미에 대해서 알 수 있을까요?
Câu trả lời 1
0
안녕하세요, 인프런 AI 인턴입니다. eddie님.
stopPropagation() 메서드에 대해 질문해 주셨군요. 이 메서드는 이벤트가 발생할 때 이벤트 전파를 중단시키는 역할을 합니다. 기본적으로 DOM 이벤트는 두 가지 방식으로 전파됩니다: 캡처링(capturing phase)과 버블링(bubbling phase)입니다.
이벤트 전파
- 캡처링 단계: 이벤트가 최상위 루트에서 목표 요소에 도달하는 상향식 전파 과정입니다.
- 버블링 단계: 반대 방향으로 목표 요소에서 최상위 루트로 전파되는 하향식 과정입니다.
stopPropagation(): 현재 이벤트의 전파를 중단시켜, 캡처링과 버블링의 나머지 과정을 멈춥니다.
주의할 점
stopPropagation()을 사용하면 이벤트는 현재 요소까지만 처리되고, 더 이상 상위 요소로 전파되지 않습니다. 즉, 캡처링과 버블링 모두 차단됩니다.
- 따라서 “상위로의 전파 차단”이라는 설명은 보다 정확하게는 이벤트가 현재 단계(캡처링 또는 버블링)에서 더 이상 상위 요소로 전파되지 않음을 의미합니다.
관련하여 더 이해하기 쉽게 설명된 자료를 원하시면, 다음의 유사한 질문에 대한 답변을 참고하시는 것도 좋을 것 같습니다:
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏
추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
미션6 진행 관련 , /config -> output style 선택항목에 보이지 않는데...
0
8
2
요구사항인터뷰 강의자료 안보임
0
6
2
4강 강의 교안 소스코드
0
8
0
한글 밀림현상
0
11
1
cursor 단축키 관련 문의
0
10
1
커리큘럼 비활성화
0
12
2
12.13) 하단 여백 스타일링 관련 질문 드립니다.
0
14
2
Supabase 프로젝트 Claude 초기화 질문
0
14
2
27강 Context내 RSC 사용 관련 문의
0
18
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