createDocumentFragment에 대해서

document.createDocumentFragment() 는 새로운 빈 DocumentFragment를 생성한다.

DocumentFragment란? : DOM 노드들
하지만 메인 DOM 트리의 일부로 가지는 않는다.
DocumentFragment는 마치 라이브 DOM 트리처럼 동작하되, 메모리상에서만 존재하는 빈 문서 템플릿으로 생각하면 된다.
Document의 경량화 버전처럼 생각하면 편할듯!
DocumentFragment는 활성화된 문서 트리 구조의 일부가 아니기 때문에 fragment를 변경해도 문서에는 영향을 미치지않으며 성능에도 영향이 없다는 점

createElement와 차이

• documentFragment는 어떤 종류의 노드도 가질 수 있다. 하지만 element는 그렇지 않다.
• documentFragment는 DOM에 추가해도 그 자체가 추가되지는 않고 내용만 추가된다. 하지만
  element는 그 자체가 추가된다.
• documentFragment를 DOM에 추가할 때, documentFragment는 추가되는 위치로 이전되고, 생성한 메모리상의 위치에 더 이상 존재하지 않는다. 노드를 포함하기 위해 일시적으로 사용된 후, 라이브 DOM으로 이동되는 element는 그렇지 않다.