React를 최근에 접한 개발자라면 대부분 한 번쯤은 “Fiber”라는 용어를 들어봤을 것이다. 실제로 면접에서 자주 등장하는 주제이기 때문에, 작업 단위를 나누어 처리한다는 식의 표면적인 설명은 익숙할 수 있다. 하지만 Fiber가 왜 도입되었는지, 이전에는 React가 어떤 방식으로 동작했는지, 그리고 Fiber가 어떻게 설계되어 있는지는 잘 모르는 경우가 많다. 이 글에서는 단순한 개념 설명을 넘어서, React Fiber의 내부 동작 방식과 구조가 어떻게 구현되어 있는지 시각 자료와 함께 깊이 있게 살펴보려 한다. 왜 Fiber가 등장헀을까? React 15까지는 재귀 기반의 를 사용했는데, 이는 다음과 같은 한계를 가졌다. 렌더링 중 중단 불가 (모든 트리를 한 번에 렌더) 애니메이션, 제스처, 레이아웃 같은 실시간 작업 대응 어려움 UI가 복잡해질수록 성능 병목 증가 에러 발생 시 전체 앱 중단 이에 React 팀은 작업을 쪼개고 우선순위를 조절할 수 있는 새로운 실행 …