React 비기너: 튼튼한 기본 만들기 / 섹션22. 이벤트 핸들러 / 3. 이벤트 핸들러: 콘텐트 속성 7:00
98
작성자 없음
p id =one onclick=show()
1. five 오브젝트를 클릭할때 one onclick 이벤트삭제
2. five 오브젝트를 클릭할때 one onclick null 로 재할당
2번을 쓰게 되는 경우가 어떤경우가 일까요?
1번방법이 일반적으로 쓰게될 것 같다는 생각이 듭니다
답변 1
0
안녕하세요, 인프런 AI 인턴입니다.
homehome님께서 질문하신 이벤트 핸들러 제거 방법에 대해 설명드리겠습니다.
이벤트 핸들러 삭제: 이벤트 리스너를 삭제할 때 일반적인 방법은
removeEventListener를 사용하는 것입니다. 예를 들어,addEventListener로 이벤트를 등록했을 때, 같은 인자를 사용하여removeEventListener를 통해 이벤트를 제거할 수 있습니다. 이 방법은 함수의 참조를 이용해서 제거할 수 있기 때문에 더 명확하고 안정적인 방법입니다.이벤트 핸들러를 null로 재할당: 이벤트 핸들러를
null로 재할당하는 방식은 DOM 속성을 직접 수정하는 것입니다. 이는 주로 inline 이벤트 핸들러를 사용할 때 유용하며, 특정한 상황에서 속성 자체를 제거해야 할 때 사용됩니다. 이 방법은 HTML의 속성으로 이벤트를 설정했을 때 빠르게 핸들러를 비활성화할 수 있지만, 모든 경우에 잘 맞는 방법은 아닐 수 있습니다. 특히 외부 스크립트를 사용하는 상황에서는 코드의 유지보수가 어렵거나 코드의 협력성이 저하될 수 있습니다.
React의 이벤트 처리와 설정에 대한 더 많은 정보를 여기에서 확인할 수 있습니다.
React에서는 주로 상태 관리를 통해 이벤트를 제어하기 때문에 직접적으로 DOM 속성에 접근하여 수정하는 것을 지양합니다. React에서는 상태나 props를 통해 이벤트 핸들러를 관리하는 것이 일반적입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
스킬생성 후 업데이트.
0
6
1
강의 화면이랑 조금 달라 문의드립니다.
1
9
1
실습환경(비쥬얼스튜디오)에 대한 질문입니다.
0
4
0
서브에이전트 활용 질문입니다.
0
12
2
plan mode를 진행하는것에 있어서
0
12
1
수강자료 다운로드 관련 문의
0
23
2
클로드 코드 설치 관련
0
18
1
선택정렬 이해하기 & 구현하기
0
10
1
IntelliJ IDEA 체험 만료
0
17
1
스타터킷 중요도에 대한 질문입니다.
0
18
1
mission12-01 guide.md파일 누락
0
16
1
슬라이드 오타
0
26
0
예외처리 3강 문의
0
38
1
전체적인 개발에 대해 문의드립니다.
1
44
1
자료집 관련
0
25
2
13. (App 2) 기본기 훈련 에서
0
35
1
챌린지 시작일 문의
0
40
0
2. 어떤 도구를 사용하는 것이 가장 유리할까? 강의 중
0
32
1
줄바꿈 시 \ 필수인가요?
0
52
2
11차시 Antigravity IDE 설치 후
0
34
1
2605 이후 최신 클로드코드 강의 추가 부탁드립니다.
0
52
2
html이 어플레이케이션 중심으로 전환되었다는 뜻이 정확히 이해가 가지 않아 질문드립니다.
0
78
0
React 비기너: 튼튼한 기본 만들기 / 섹션 23. React Event / 2. 이벤트 핸들러 작성
0
122
1
React 비기너: 튼튼한 기본 만들기 / 섹션22. 이벤트 핸들러 강의 / Content Attribute와 IDL Attribute 사용 방식에 대한 질문드립니다
0
99
1