🔖 Double Buffering ; 이중 버퍼링

Double Buffering

이중 버퍼링

 

 

의미

• Computer Graphics
  프론트 버퍼(Front Buffer)에서 현재 화면을 표시하는 동안 백 버퍼(Back Buffer)에서 다음에 표시 될 화면을 미리 준비해 두어 화면 표현을 부드럽게 해주고, 깜빡임(Flickering) 등의 문제를 방지해주는 기술.
• React
  현재 작업 중인 Fiber Tree와 앞으로 보여 줄 변경 내용을 담은 Fiber Tree를 페이지가 완성되었을 때 Swap하는 기법으로, 미완성 페이지를 보이지 않게 하기 위해 미리 만들어서 완성된 페이지로 교체한다.

 

특징

• 장점
  - 화면 표현이 부드러워지며, 깜빡임이 줄어듦.
  - 화면을 미리 그려둬 다음 화면을 보다 빠르게 표현할 수 있게 해줌.
• 단점
  - 구조가 복잡해짐.
  - 화면을 미리 그려 저장해두는만큼, 메모리 사용량이 증가됨.

 

참고

  - 김용찬(2024). 모던 리액트 Deep Dive. 위키북스

  - 그림 출처

    1. https://luckyresistor.me/2019/12/07/how-to-write-custom-snowflake-patterns-1/

    2. https://namansaxena-official.medium.com/react-virtual-dom-reconciliation-and-fiber-reconciler-cd33ceb0478e