DOM 조작 - DOM조작이란 새로운 노드를 생성하여 DOM에 추가하거나, 기존 노드를 삭제 또는 교체하는것을 말한다. - 성능에 영향을 주므로 최적화를 위해 주의하여 다뤄야한다. innerHTML - 요소내에 포함된 HTML마크업을 가져오거나 설정 - 렌더링된 콘텐츠를 표현 [단점] - 그대로 innerHTML 프로퍼티에 할당하는것은 XSS에 취약하므로 위험하다. - 또한 HTML마크업 문자열을 할당하는 경우 , 요소노드의 모든 자식노드를 제거하고 할당한 HTML 마크업 문자열을 파싱한다. - 새로운 요소를 삽입할때 위치를 지정할 수 없다. insertAdjacentHTML - 요소노드를 주어진 위치에 배치 const sayHi = document.querySelector('.sayHi'); sayHi..
