일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- 코린이
- SasS
- scss
- 자바스크립트
- JavaScript
- 리덕스
- 코딩기초
- TypeScript
- React Native
- http
- 깃
- CSS
- 프론트엔드
- useEffect
- 코딩공부
- 타입스크립트
- git
- 참조자료형
- react-router
- 리액트 네이티브
- html기초
- 코딩독학
- Vue3
- 코딩초보
- 리액트
- redux
- react
- async
- 사용하는 이유
- 비동기
Archives
- Today
- Total
목록얕은 비교 (1)
맨 땅에 프론트엔드 개발자 되기
React Virtual DOM 비교 원리와 얕은 비교
React 가상 돔(Virtual DOM) React에서는 가상 돔을 사용한다. 이 가상 돔은 실제 DOM(Document Object Model)을 조작하는 방식이 아니라 실제 DOM을 모방한 가상의 DOM을 구성해서 원래 DOM과 비교해서 달라진 부분을 리렌더링 시켜주는 방식으로 작동을 한다. 그런데 이 때 가상 돔을 잘 이해해야만 React의 '상태'를 잘 다룰 수 있다. - Virtual DOM을 사용하는 이유 그렇다면, 왜 실제 DOM을 조작하지 않는지에 대해서 알아보자. Vanilla JS를 이용하여 DOM을 조작하는 방식은 무거운 작동방식이다. 실제 DOM에는 브라우저가 화면을 그리는데 필요한 모든 정보가 들어있기 때문이다. 그래서 React는 깜박거림 없이 부드러운 UX를 사용자에게 제공하..
코딩 공부 일지/React JS
2022. 3. 29. 11:45