state가 비동기적으로 업데이트되는 이유 (1) 썸네일형 리스트형 [React] 파이버 아키텍처에 대한 개요 리엑트는 16버전부터 fiber 아키텍처를 채택하며 기존의 stack 아키텍처를 대체했고 지금까지 업데이트 중이다. 그럼 stack 아키텍처가 어떤 문제로 교체되었고 fiber 아키텍처는 어떤 특징을 가지고 있을까. 리엑트의 파이버 노드 아키텍처가 어떤 맥락에서 등장하였고 어떤 결과를 가져왔는지에 대해 정리해보자. 이 글은 파이버 노드 아키텍처의 구체적인 코드 분석을 다루지 않았다. 교체의 이유 배경지식. 리엑트의 기본 동작 과정 리엑트는 렌더링 프로세스에서 컴포넌트들을 호출하여 리엑트 엘리먼트를 만들고 이를 바탕으로 가상돔 트리를 형성한다. 그리고 커밋 프로세스에서 실제 돔 트리에 반영한다. 상태 값 변경으로 업데이트가 발생할 때는 비교 조정 과정(Reconciliation)이 일어난다. 이 과정은 루.. 이전 1 다음