개요

‘Inside Flutter’ 문서는 Flutter 툴킷의 내부 작동 방식을 설명하며, Flutter API의 기반이 되는 여러 핵심 개념과 최적화 기법을 다룹니다. 주요 내용은 다음과 같습니다.

<aside> 💡

1. 적극적인 구성 가능성 (Aggressive Composability)

2. 무한 스크롤링 (Infinite Scrolling):

3. API 사용성 (API Ergonomics):

</aside>

1. 적극적인 구성 가능성 (Aggressive Composability)

Flutter는 위젯을 다른 위젯으로 구성하여 UI를 구축합니다. 이러한 접근 방식으로 인해 많은 수의 위젯이 사용되며, 이를 효율적으로 처리하기 위해 Flutter는 다음과 같은 최적화 기법을 사용합니다:

서브리니어 레이아웃 (Sublinear Layout): 레이아웃 과정에서 각 렌더 객체는 한 번만 방문되어 효율적인 레이아웃을 보장합니다.
서브리니어 위젯 빌딩 (Sublinear Widget Building): 더러운(dirty) 요소만을 다시 빌드하여 불필요한 연산을 최소화합니다.
선형 재조정 (Linear Reconciliation): 위젯 트리의 변경 사항을 효율적으로 처리하여 성능을 향상시킵니다.
트리 수술 (Tree Surgery): 트리 구조의 일부만을 업데이트하여 전체 트리를 다시 빌드하는 것을 방지합니다.
상수 계수 최적화 (Constant-Factor Optimizations): 자주 사용되는 연산의 비용을 줄여 전반적인 성능을 높입니다.
Element와 RenderObject 트리의 분리: 각 트리가 자신의 역할에 집중하여 더 명확하고 효율적인 구조를 유지합니다.

2. 무한 스크롤링 (Infinite Scrolling):

Flutter는 뷰포트 인식 레이아웃과 필요 시 위젯을 빌드하는 방식을 통해 무한 스크롤을 지원합니다. 이는 사용자가 보는 부분만을 렌더링하여 성능을 최적화합니다.

3. API 사용성 (API Ergonomics):

Flutter는 개발자의 관점에 맞춘 API를 제공하여 사용성을 높입니다. 명시적인 인자 사용, 잠재적 오류 방지, 적극적인 오류 보고, 반응형 패러다임 채택, 그리고 인터폴레이션 기능 등을 통해 개발 경험을 향상시킵니다.

이러한 설계를 통해 Flutter는 복잡한 UI를 효율적으로 구성하고, 성능을 최적화하며, 개발자 친화적인 환경을 제공합니다.