Element.innerHTML과 Element.insertAdjacentHTML의 차이

Element.innerHTML은 요소 내에 포함 된 HTML 또는 XML 마크업을 가져오거나 요소의 내용을 변경하게 된다.
Element.insertAdjacentHTML은 HTML 같은 특정 텍스트를 파싱하고, 특정 위치에 DOM tree 안에 첫번째 인자로 원하는 위치에 node들을 추가한다.

innerHTML는 기존에 있는 부분을 덮어쓰는거고 insertAdjacentHTML는 지정한 곳에 노드가 추가 될 뿐 기존 노드 건드리지 않는다는게 가장 큰 차이점이다.