remove() 와 removeChild() 의 차이

remove() 는 노드를 메모리에서 삭제하고 종료합니다.
removeChild()는 노드를 삭제하는 것이 아닙니다.

쉽게 말해서

삭제할노드.remove()

삭제할노드의_부모노드.removeChild(삭제할노드)

이렇게 생각하실 수 있습니다.

메모리에 해당 노드는 그대로 존재하며, 부모 노드와의 부모-자식관계를 끊어 DOM 트리에서 해제하는 것입니다. 최종적으로는 관계를 끊은 해당 노드의 참조를 반환합니다.

반환값을 변수에 저장하지 않으면 삭제하는 노드의 참조가 더이상 없기 때문에, 자바스크립트 엔진의 GC(Garbage Collection)에 의해 잠시 후 메모리에서 삭제됩니다.

반환된 노드 참조를 변수에 담아 다른 DOM 위치에 붙일 수 있습니다.

참고 : https://blogpack.tistory.com/683