이번 게시물의 기준이 되는 HTML 코드.
1. document.createElement()
이 메소드는 메모리에만 존재하는 새로운 HTML 요소를 생성해서 반환한다.
콘솔 창에는 잘 출력되지만,
element 창에서 확인하면 아무 요소도 추가되지 않은 것을 볼 수 있음.
즉, 이 메소드는 실제 HTML에 요소를 추가하는 것이 아니라 메모리상에만 존재하게 되는 것이다. 그렇다면 이 생성된 요소를 어떻게 HTML에 삽입해야 할까?
2. E.prepend() / E.append()
이 메소드들은 노드를 요소의 첫 번째 혹은 마지막 자식으로 삽입한다.
인수에 노드를 삽입하면 됨! 
노드를 인수로 넣을 수 있기 때문에 주석, 텍스트 모두 가능하다.
element 창으로 확인해보면, 주석과 div 요소가 새로 생긴 것을 확인할 수 있음.
3. E.remove()
이 메소드는 속성 이름으로 알 수 있듯이 요소를 제거한다.
child 클래스를 가진 첫 번째 요소가 제거되었다.
4. E.insertAdjacentElement()
이 메소드는 '대상 요소'의 지정한 위치에 '새로운 요소'를 삽입한다.
대상_요소.insertAdjacentElement(위치, 새로운_요소)
즉, insertAdjacentElement는 내가 지정할 수 있는 어떤 특정한 위치에다가 두 번째 인수로 입력하는 어떤 새로운 요소를 삽입할 수 있다!5. N.insertBefore()
이 메소드는 '부모 노드'의 자식인 '참조 노드'의 이전 형제로 '노드'를 삽입한다.
부모_노드.insertBefore(노드, 참조_노드)
6. N.contains()
이 메소드는 '주어진 노드'가 '노드'의 자신을 포함한 후손인지 확인한다.
노드.contains(주어진_노드)
자기 자신을 포함한다는 개념을 기억하기.
7. N.textContent
이 속성은 노드의 모든 텍스트를 얻거나 변경할 수 있다.
8. E.innerHTML
이 속성은 요소의 모든 HTML 내용을 하나의 문자로 얻거나, 새로운 HTML을 지정한다.
문자로 반환됨.
! 주의 사항
textContent 속성은 말 그대로 글자를 삽입하는 것임. 헷갈리지 말자.
TIP : 복잡한 코드를 작성하는 경우에는 템플릿 리터럴을 사용하는 것이 좋다.
