이전글 MutationObserver란? DOM 변화 감지 방법 MutationObserver란? DOM 변화 감지 방법 DOM은 웹페이지의 구조와 내용을 나타내는 트리 구조입니다. 개발자는 DOM을 통해 웹페이지의 요소를 추가, 삭제, 변경할 수 있습니다. 이러한 DOM의 변화는 이벤트를 통해 감지할 수 있습니다. Muta toby2009.tistory.com 살펴보기 MutationObserver는 DOM 변화를 감지하는 API입니다. 이 API를 사용하여 클릭 이벤트 대상 요소가 동적으로 추가되거나 제거되더라도 click 이벤트를 감지할 수 있습니다. 예제코드 React.useEffect(() => { // 먼저, event 객체에서 타입을 확인하여 클릭 이벤트인지 확인합니다. 클릭 이벤트가 아니면..

살펴보기 DOM은 웹페이지의 구조와 내용을 나타내는 트리 구조입니다. 개발자는 DOM을 통해 웹페이지의 요소를 추가, 삭제, 변경할 수 있습니다. 이러한 DOM의 변화는 이벤트를 통해 감지할 수 있습니다. MutationObserver는 DOM의 변화를 주기적으로 감시하는 API입니다. 이를 통해 개발자는 DOM의 변경을 실시간으로 감지하고, 그에 따라 동적으로 페이지를 업데이트할 수 있습니다. 특징 1. MutationObserver는 다음과 같은 특징을 가지고 있습니다. DOM의 모든 변경을 감지할 수 있습니다. 특정 요소의 변경만 감지할 수 있습니다. 변경의 종류를 구분하여 감지할 수 있습니다. 2. MutationObserver를 사용하면 다음과 같은 작업을 수행할 수 있습니다. 입력 양식의 데이..