JavaScript document.createDocumentFragment()의 장점은?

Q: JavaScript document.createDocumentFragment()의 장점은?

여러 DOM 노드를 메모리에서 조립한 뒤 한 번에 삽입하여 리플로우를 최소화한다 DocumentFragment는 실제 DOM에 포함되지 않는 가벼운 문서 조각입니다. 여러 요소를 Fragment에 먼저 추가한 뒤 한 번에 DOM에 삽입하면, 매번 삽입할 때마다 발생하는 리플로우와 리페인트를 줄여 성능을 개선할 수 있습니다.

보통 MDN Web Docs

보기 및 정답

A 새로운 HTML 문서 객체를 생성하여 현재 페이지와 독립적으로 동작시킨다

B 여러 DOM 노드를 메모리에서 조립한 뒤 한 번에 삽입하여 리플로우를 최소화한다

C 문서를 여러 조각으로 분할하여 각 조각을 병렬로 로딩하여 성능을 최적화하는 것이 일반적이다

D 이전에 삭제된 DOM 요소를 메모리에서 복원하여 다시 문서에 삽입한다

해설

DocumentFragment는 실제 DOM에 포함되지 않는 가벼운 문서 조각입니다. 여러 요소를 Fragment에 먼저 추가한 뒤 한 번에 DOM에 삽입하면, 매번 삽입할 때마다 발생하는 리플로우와 리페인트를 줄여 성능을 개선할 수 있습니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

로그인

추가 정보 입력

회원가입

비밀번호 찾기

JavaScript document.createDocumentFragment()의 장점은?

해설

코딩, 제대로 배우고 싶다면?

관련 문제

모두를 위한 진짜 쎈 바이브코딩