1. DOM 조작새로운 노드를 생성하여 DOM에 추가, 기존 노드를 삭제 or 교체하는 것으로 리플로우와 리페인트가 발생하므로 성능에 조심해야한다.innerHTMLElement.prototype.innerHTMLgetter, setter 모두 있는 접근자 프로퍼티해당 요소의 콘텐츠 영역에 있는 모든 HTML 마크업을 문자열로 반환문자열을 할당 시 요소의 모든 자식 노드가 제거되고 할당한 문자열의 HTML 마크업이 자식 노드가 된다.크로스 사이트 스크립팅(악성 스크립트 주입) 공격에 취약 아래와 같이 에러 이벤트를 발생시켜 자바스크립트 코드가 실행되게 할 수 있음 innerHTML의 문제점들모든 노드의 자식을 제거하고 새롭게 할당하므로 비효율적만약 ..