반응형
Notice
Recent Posts
Recent Comments
Link
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- nextjs
- front
- component
- 회고
- c#
- 디자인 토큰
- npm
- 라이브러리제작
- typescript
- 뇌를자극하는C#
- mono-repo
- javascript
- frontend
- style-dictionary
- 2021년
- design-system
- vite
- 2020년
- 프로그래밍
- 디자인시스템
- 2023 회고
- design
- 다짐
- 24년 계획
- 개발자
- react
- css framework
- design token
- compound component
- 2024 계획
Archives
- Today
- Total
목록Virtual DOM (1)
개탕 IT FACTORY
![](http://i1.daumcdn.net/thumb/C150x150.fwebp.q85/?fname=https://blog.kakaocdn.net/dn/FvJZj/btq3UFFTme0/d3H7Mb74CQxKmXg9dpDC5K/img.png)
DOM이란 무엇인가? MDN 문서에 따르면 문서 객체 모델(The Document Object Model, 이하 DOM) 은 HTML, XML 문서의 프로그래밍 interface 이다 쉽게 말하면 일종의 웹페이지 문서라고 생각하면 편하다. 그러면 DOM이 왜중요한가? 브라우저 동작 방식을 이해할려면 DOM에 대한 이해가 있어야된다 아래는 Webkit 동작과정이나 브라우저엔진의 동작과정은 대부분 비슷하게 동작한다 DOM Tree 생성 브라우저가 HTML을 전달받으면, 브라우저 렌더 엔진이 이를 파싱 DOM 노드(Node)로 이루어진 트리생성 Render Tree 생성 외부 CSS파일 및 엘리먼트의 inline스타일을 파싱, 스타일 정보를 사용하여 DOM트리에 따라 새로운 트리 생성 Render Tree 이..
프로그래밍/기타정리
2021. 5. 2. 21:02