Web Document.createFragment


부모가 없는 아주 작은 document 객체
`DocumentFragment`는 활성화된 문서 트리 구조의 일부가 아니기 때문에 fragment를 변경해도 문서에는 영향을 미치지 않으며([reflow](https://developer.mozilla.org/ko/docs/Glossary/Reflow) 포함) 성능에도 영향이 없다는 점
```typefunction batch(elements) {  // First write  const fragment = document.createFragment();  elements.forEach(el => {    fragment.appendChild(el);  });  this.parentElement.appendChild(fragment);    // Then read  elements.forEach(el => {    el.getBoundingClientRect();  });}```




> [[스압/데이터주의] 웹 최적화 방식 모음 - 3. Layout 및 렌더링](https://black7375.tistory.com/79)

> [DocumentFragment - Web API | MDN](https://developer.mozilla.org/ko/docs/Web/API/DocumentFragment)






