React 비기너: 튼튼한 기본 만들기 / 섹션22. 이벤트 핸들러 / 3. 이벤트 핸들러: 콘텐트 속성 7:00
75
작성자 없음
작성한 질문수 0
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를 통해 이벤트 핸들러를 관리하는 것이 일반적입니다.
저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.
2강 nodejs 3단계 설명 질문
0
5
0
my-style.md 만들기 미션
0
6
1
스킬, 플러그인, 마켓플레이스 관련 문의
0
20
2
클로드 코드 요금제 대신 사용량 기반 과금제를 사용하고 있습니다.
0
21
2
25강부터 소리만 나오고 화면이 안나옵니다.
0
24
1
imagesLoaded에 관한 질문
0
13
2
useEffect와 lifecycle문의
0
20
2
cd 다음에 어떻게 자연스럽게 문자가 써지죠?
0
22
1
클로드코드에 적용할 하네스? 툴? 추천 부탁드립니다.
0
26
1
14강 GIT 설치후 ~ config 명령어 입력이 안돼요
0
19
1
161강 자료 파일 안에 내용이 없네요.
0
26
2
/ide 명령어 실행 오류
0
20
2
Next.js 사전렌더링 이해하기 부분
0
22
2
subagents에 관한 질문이 있습니다.
0
27
2
클로드 코드 설치가 되지 않습니다...
0
29
2
output sytles 모든 프로젝트 적용시 디렉토리가 헷갈립니다 ㅠㅠ
0
31
2
터미널 줄바꿈 세팅
0
30
1
setting.json과 setting.local.json
0
32
2
카드 뉴스 만들기..
0
27
2
기존 mcp를 플러그인으로 대체
0
27
2
바이브코딩을 하는 개발자(작업복잡도 판단의 어려움)
0
28
2
html이 어플레이케이션 중심으로 전환되었다는 뜻이 정확히 이해가 가지 않아 질문드립니다.
0
61
0
React 비기너: 튼튼한 기본 만들기 / 섹션 23. React Event / 2. 이벤트 핸들러 작성
0
97
1
React 비기너: 튼튼한 기본 만들기 / 섹션22. 이벤트 핸들러 강의 / Content Attribute와 IDL Attribute 사용 방식에 대한 질문드립니다
0
73
1