반응형
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
- mono-repo
- typescript
- 2024 계획
- 24년 계획
- front
- design
- 프로그래밍
- c#
- nextjs
- 회고
- npm
- frontend
- component
- css framework
- vite
- 2023 회고
- 디자인시스템
- design-system
- javascript
- 개발자
- 라이브러리제작
- 뇌를자극하는C#
- compound component
- 2021년
- 다짐
- 2020년
- style-dictionary
- react
- design token
- 디자인 토큰
Archives
- Today
- Total
목록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