[react 까보기 시리즈] Virtual Dom 이 자바스크립트 객체라고? Render Phase 와 Commit Phase 로 나누어서 동작 원리 살펴보기
Synopsis
리액트 톺아보기 시리즈 https://goidle.github.io/react/in-depth-react-intro/ 를 기반으로 만들었습니다 Virtual DOM 은 워낙 유명하죠.
You Might Also Like
![[누구든지 하는 React] react virtual dom](https://i.ytimg.com/vi/gBPNbydBtdg/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLCe2aQPTeW-N5dYMpkRepZ1i0gEuw)
![[React 까보기 시리즈] Fiber 생성 과정](https://i.ytimg.com/vi/lMuU0uTUoAQ/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLChimYNA-1SMO7PEnPOcBCufnjEEA)
![[10분 테코톡] 엽토의 Virtual DOM](https://i.ytimg.com/vi/Bdk7QzbbcEI/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLB2-LdGxux94CBJ7XozKNenm70DRQ)
![[React 까보기 시리즈]setState 를 호출했을 때, render phase 에서 벌어지는 일?!(render phase 에서 update 를 저장하고 소비하는 과정)](https://i.ytimg.com/vi/Eb3sph8GZ2s/hq720.jpg?sqp=-oaymwEcCNAFEJQDSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLBh0SKDV9gFr3OYmrVSEBw9sBXoug)
![[React 까보기 시리즈] React 구성요소인 reconciler, renderer 등의 내부 패키지 & fiber, rendering 등의 용어 정의](https://i.ytimg.com/vi/Cozfyv57JiY/hqdefault.jpg?sqp=-oaymwEcCOADEI4CSFXyq4qpAw4IARUAAIhCGAFwAcABBg==&rs=AOn4CLDI8XLm9h-ZozepOMz_vfkMMz42Iw)
Download Options
Choose a download method below. All links open in new tabs.
| Service | Features | Action |
|---|---|---|
| Ssvid |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
| SaveFrom |
MP4 & MP3 • HD Quality • Browser Extension Available
|
Download |
Security Notice: These are third-party services. We recommend using antivirus software and being cautious of pop-up ads.