블로그 이미지

Gicomong (Lux)

  • 분류 전체보기
    • 개발 기술
      • 사소하지만 놓치기 쉬운 개발 지식
      • css 애니메이션 (with js)
      • 개발 이야기
      • jest로 테스트하자
      • 함수형 프로그래밍
      • 타입스크립트
    • 사용자의 접근성 높이는 방법
      • W3C 기준
    • 조직 문화
    • 이번엔 이 공부 끝내겠다 시리즈
      • 테스트코드
      • github actions
      • 정규표현식
    • 라이브러리 파헤치기
    • error log
    • 주저리
Visits

Mong dev blog

  • 관리
  • 글쓰기
  • 방명록
  • 로그인
  • 로그아웃

DocumentFragment1

DocumentFragment 객체로, 성능 좋게 DOM 조작하기
0. 들어가기에 앞서 우리는 DOM 트리에 노드를 추가할 때 createElement와 appendChild를 사용하곤 한다. const p = document.createElement("p"); // 1. 노드를 만들고 document.body.appendChild(p); // 2. 생성한 요소를 DOM 트리에 추가! 그런데 만약 20개에 달하는 노드를 추가해야할 때는 어떻게 할 수 있을까? appendChild 와 반복문을 사용할 수 있다. const parent = document.querySelector('#parent'); for (let i = 1; i
2023. 8. 7.
이전 1 다음

티스토리툴바