개발 / JavaScript · React
[Browser] 브라우저가 HTML을 화면에 그리는 과정
HTML과 CSS가 DOM·CSSOM을 거쳐 레이아웃, 페인트, 합성 결과로 화면에 나타나는 과정을 정리한다.
JavaScript · React
개발 / JavaScript · React
[React] 재조정(Reconciliation)이란?
리액트가 새 엘리먼트 트리와 이전 트리를 O(n)으로 비교하기 위해 두는 두 가지 가정과, 거기서 나오는 타입·key·위치 규칙을 정리한다.
개발 / JavaScript · React
[React] 렌더 단계와 커밋 단계란?
리액트가 화면을 갱신하는 트리거 → 렌더 → 커밋 세 단계와, 렌더링이 순수해야 하는 이유를 정리한다.
개발 / JavaScript · React
[React] 가상 돔(Virtual DOM)이란?
DOM이 무엇이고 DOM 조작이 왜 비싼지, 리액트가 그 사이에 두는 가상 돔의 정체가 무엇인지 정리한다.