[React] Fiber 아키텍처의 개념과 Fiber Reconcilation 이해하기

다들 React를 사용하다 보면 React Fiber 라는 이름을 들어봤을 것이다. React는 Fiber라는 아키텍처를 React 16버전부터 채택하였고, 지금도 지속적으로 업데이트되고 있다. 기존의 아키텍처에 어떤 문제가 있었길래 16버전부터 갑자기 Fiber 아키텍처를 채택한 이유가 뭘까? 이 글에서는 React의 Fiber라는 것에 대해 포스팅을 해보려 하는데, 이를 이해하기 위해선 먼저 Reconcilation이 무엇인지, 15버전까지의 Stack Reconcilation이 무엇인지 알아야 한다. 1. Reconcilation이란? 먼저 React의 Reconcilation이 대체 무엇인지 한번 알아보자. 아래 코드를 보자. React 코드를 작성하다 보면 한번쯤은 반드시 만나봤을 코드일 것이다. ReactDOM.render(<App />, document.getElementById('root')) <App/>은 우리가 작성한 엘리먼트일텐데, 이 "엘리먼트" 라는건 정확하게...

원문링크 : [React] Fiber 아키텍처의 개념과 Fiber Reconcilation 이해하기