일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |
Tags
- react
- 코딩테스트 고득점 Kit
- design pattern
- 리액트 훅
- 디자인 패턴
- 백준
- 프로그래머스
- 코틀린
- codesandbox
- react firebase
- 리액트
- 자바 공부
- 데이터모델링과마이닝
- 장고
- 프로그래밍 언어론
- JavaScript
- 코딩테스트 고득점 Kit 완전탐색
- React JS
- 자바
- 프로그래머스 자바
- useState
- react hook
- vanillaJS
- Java
- NextJS
- useEffect
- websocket
- 자바스크립트
- 컴퓨터 네트워크
- 프로그래머스 완전탐색
Archives
- Today
- Total
목록reconciliation (1)
기록하는 개발자
[Javascript] React의 Virtual Dom
DOM(Document Object Model 문서 객체 모델) HTML 또는 XML 문서에 접근하기 위한 인터페이스로, HTML element들을 Tree 형태로 표현한 것이다. 우리의 IDE에서 작성한 HTML이 아닌, 작성 된 HTML 문서가 브라우저에 의해 해석되어 실제 문서를 나타내는 Node Tree가 DOM이다. DOM tree안에는 각 element에 상응하는 Node가 들어있고, 이러한 DOM은 API(getElementById, querySelector 등)를 제공하여 Javascript로 해당 문서에 노드 추가, 삭제, 변경, 이벤트 처리, 수정 등을 가능하게 한다. IDE에 HTML을 작성해도 최종적으로 결과 화면을 보기 위해서는 브라우저가 필요하다. IDE에 작성된 HTML은 단순..
Web/Javascript
2023. 12. 19. 17:35