차근차근

  • 홈
  • 태그
  • 방명록

createDocumentFragment 1

더 좋은 퍼포먼스를 위한 createDocumentFragment

자바스크립트에서 DOM 객체에 접근을 하는 것은 DOM tree 자료구조에서 접근할 엘리먼트의 위치와 좌표의 계산(페이지 reflow)을 유발하기 때문에 퍼포먼스를 저하시키는 주요 요인이다. 이를 해결하기 위해서 createDocumentFragment 메서드를 사용할 수 있다. document.createDocumentFragment() 이 메서드는 새로운 빈 DocumentFragment를 생성한다. docFrag는 메인 DOM 트리의 일부가 되지 않지만 DOM 트리처럼 작동하고 단지 메모리 내에만 따로 존재한다. 이것을 다큐먼트 조각이라 한다. 이것에 자식 요소를 추가하는 것은 DocumentFragment가 DOM tree와 별개로 존재하기 때문에 접근 속도가 빠르다. 따라서, 페이지 reflow..

프로그래밍 공부/Javascript 2021.10.02
1
더보기
프로필사진

  • 분류 전체보기 (300)
    • 프로그래밍 공부 (125)
      • Javascript (79)
      • React (10)
      • Computer Science (15)
      • Git (3)
      • Frontend (14)
      • Backend (4)
    • 알고리즘 공부[Javascript] (175)
      • 프로그래머스 1단계 (43)
      • 프로그래머스 2단계 (30)
      • 백준 (102)

Tag

2630번, REACT, 재귀함수, 유사배열, 알고리즘, til, node.js, 백준, 화살표 함수, 정렬, this, 17225번, 5525번, 11279번, ANIMATION, 11724번, 17219번, 6064번, GreenSock, 34기,

최근글과 인기글

  • 최근글
  • 인기글

최근댓글

공지사항

페이스북 트위터 플러그인

  • Facebook
  • Twitter

Archives

Calendar

«   2025/07   »
일 월 화 수 목 금 토
1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31

방문자수Total

  • Today :
  • Yesterday :

Copyright © Kakao Corp. All rights reserved.

티스토리툴바