일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- HTML
- REACT
- Android
- npm install
- Docker
- nextJS
- github
- vscode
- JavaScript
- ios
- shortcut
- react-native
- npm
- Swift
- commit
- styling
- js
- Xcode
- rn
- xtring.log
- Branch
- React Native
- currying
- ReactNative
- ES6
- viewcontroller
- GitLab
- DevOps
- git
- styled-components
Archives
- Today
- Total
목록2025/01/19 (1)
xtring.dev
[React] React Reconciliation 알아보기
'전문가를 위한 리액트' 4장 재조정(reconciliation)을 읽으며 알게된 내용을 정리합니다. React의 ReconciliationReact는 UI 업데이트를 효율적으로 처리하기 위해 Reconciliation라는 과정을 사용합니다. 간단하게 설명하자면, 이 과정은 React의 Virtual DOM과 실제 브라우저의 DOM의 차이를 계산하고, 최소한의 DOM 조작으로 UI를 업데이트하기 위한 목적을 가지고 만들어졌습니다. 종종 'React의 장점이 뭐에요?'라는 질문을 받곤하면 업데이트할 내용을 한번에 계산하고 Virtual DOM과 실제 DOM 간의 비교를 통해 렌더링을 최소화하는 알고리즘을 가지고 있어 성능이 좋다는 설명을 하곤 했는데 Reconciliation에 대해서 자세히 알아보면서..
Front-End/React
2025. 1. 19. 23:49