diffing algorism (1) 썸네일형 리스트형 [React] 리엑트 살펴보기1: 가상 돔과 리엑트의 렌더링 과정 본 글은 리엑트를 왜 사용하는가에 대해 알기 위해서 "가상 돔과 리엑트의 렌더링 과정"을 중심으로 살펴본다. 목차 1. 브라우저의 동작 과정1: 최초 렌더링 2. 브라우저의 동작 과정2: 업데이트와 DOM 수정 2. 가상 돔 개념의 등장 3. react의 두 가지 동작 프로세스(render, commit) 4. 업데이트와 재조정(reconciliation) 5. 의의 1. 브라우저의 동작 과정1: 최초 렌더링 리엑트를 알려면 가상 돔이 왜 등장했는지 알아야 하고, 가상 돔의 등장 이유를 알려면 브라우저의 동작과정을 알아야 한다. 우선은 브라우저의 동작과정 중 최초 렌더링을 살펴보자. html 파일 파싱, css 파일 파싱 브라우저는 서버로부터 받은 html 파일을 위에서부터 아래로 한줄 씩 파싱하여 DO.. 이전 1 다음