Virtual DOM과 브라우저 렌더링 과정 이해하기
Virtual DOM 실제 DOM을 추상화한 가상의 DOM 트리 실제 DOM은 비용이 많이 들기 때문에 고안된 게 Virtual DOM 실제 DOM의 복사본으로 Javascript 객체이고, React나 Vue에서 이 가상 DOM을 사용해서 UI를 조작하고 업데이트 실제 DOM 조작이 최소화되어 성능을 향상시키고 사용자 경험을 개선 증분 렌더링UI의 변경사항이 발생할 때 전체 UI를 다시 렌더링하는 대신, 이전 상태와의 차이를 계산하여 변경된 부분만을 업데이트하는 기술이전 Virtual DOM과 새로운 Virtual DOM을 비교하여 변경된 부분만을 실제 DOM에 반영UI 업데이트를 최적화 하는데 사용React.js에서 Virtual DOM과 함께 핵심 개념 브라우저 작동 원리예시로 google.com을..
Web/Frontend
2024. 5. 15. 17:58
공지사항
최근에 올라온 글
최근에 달린 댓글
- Total
- Today
- Yesterday
TAG
- 프론트엔드개발자
- 딥러닝
- 경력기술면접
- edwith
- 프론트엔드
- 하이퍼파라미터
- 항해플러스
- 항해99
- 5기
- 최적화알고리즘
- 항해플러스5기
- 항해플러스프론트엔드
- 항해플러스후기
- SungKim
- 기술면접
- 경력
- 최적화문제
- 개발자
- 항해솔직후기
- 가상돔
- 모두를위한머신러닝딥러닝
- 자바스크립트개념
- 프론트엔드기술면접
- virtual dom
- 브라우저 렌더링
- 머신러닝
- 심층신경망
- 이직
- 딥러닝2단계
- 배치정규화
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
글 보관함