React Fiber 우선순위 큐와 시분할 스케줄링
React는 Virual DOM을 이용한 최적화 방식의 랜더링을 지원하는 프레임워크이다. Fiber의 핵심은 조각내어 실행하게 되어 동시성 랜더링 ( Concurrent Rendering )을 이용하여 Suspense 컴포넌트 바운더리로 활용 되거나 브라우저 랜더링 최적화를 하면서 우선순위 랜더링의 기준을 정하여 더 좋은 사용자 경험을 가능하게 하는 핵심 패러다임이다.이 번 글은 Fiber의 핵심 기능인 Automatic Batching, Concurrent Rendering에 대해 정리해보고자 한다.test….# React Fiber16버전 이전에는 Fiber가 아닌 Stack 개념으로 처리 되었다. Stack은 작업이 실행 된다면 도 중에 멈출 수 가 없다. 만약에 핸들러를 통해 상태가 변경되거나 하여 매우 무거운 작업을 진행한다고 가정해보자. 만약 작업 중이지만 사용자는 onclick 같은 사용자 입력을 했다고 가정한다면 이전의 작업을 처리 중이기 때문에 무 응답일 가능성이 매