Flutter 앱 성능을 어떻게 최적화하나요?

Question

Accepted Answer

Flutter는 기본적으로 성능이 좋지만, 성능 최적화는 불필요한 **rebuild** 최소화, 효율적인 **리스트 렌더링**, **const**의 적절한 사용, build에서 비싼 작업 회피, 프로파일링을 포함합니다. 이를 이해하면 앱이 부드럽게(60/120 fps) 유지됩니다.

## 불필요한 rebuild 최소화

```text
✓ 가능한 곳에 CONST 생성자 사용 → const 위젯은 다시 빌드되지 않음 (큰 이득)
  const Text('Static')   // 불필요하게 다시 빌드되지 않음
✓ setState/rebuild 범위를 작게 유지 → 변경된 것만 다시 빌드 (위젯을 추출하여
  state 변경이 전체 화면이 아닌 작은 서브트리만 다시 빌드하게 함)
✓ 타겟팅된 state 관리 사용 (변경된 state에 의존하는 위젯만 다시 빌드)
✓ 작은 변경을 위해 큰 트리를 다시 빌드하지 말 것
```

## 효율적인 리스트

```text
✓ 길거나 무한한 리스트에는 ListView.BUILDER 사용 (모든 자식이 있는 ListView 아님) →
  보이는 항목만 지연 빌드 (한 번에 모두 아님) — 긴 리스트에 결정적
✓ GridView.builder도 동일; key를 적절히 사용; 무거운 항목 위젯 회피
```

## build()에서 비싼 작업 회피

```text
✓ build()는 자주 실행됨 → 저렴하게 유지; 무거운 계산, I/O, 할당을 거기서 하지 말 것
✓ 비싼 결과를 캐시/사전 계산; 작업을 build 밖으로 이동
✓ 무거운 계산 → ISOLATE 사용 (UI 스레드 밖 별도 스레드에서 실행)하여 jank 회피
  (UI 스레드는 부드러운 60fps 렌더링을 위해 비어 있어야 함)
```

## 프로파일링 및 기타 최적화

```text
✓ Flutter DEVTOOLS 사용 → 성능 오버레이, 위젯 rebuild 프로파일러, 타임라인 →
  실제 병목 지점 FIND (추측이 아닌 측정)
✓ 이미지 최적화 (크기, 캐싱); 불필요한 opacity/clipping 회피 (비쌈)
✓ PROFILE/RELEASE 모드에서 테스트 (디버그 모드는 느림 — 디버그에서 성능 판단하지 말 것)
✓ overdraw 줄이기; RepaintBoundary로 repaint 격리
```

## 왜 중요한가

Flutter 성능 최적화를 이해하는 것은 가치 있는 시니어 수준 지식입니다. 왜냐하면 **부드러운 성능은 좋은 사용자 경험에 필수적**이며, Flutter가 기본적으로 성능이 좋더라도 실제 앱은 해결해야 할 성능 문제(jank, 프레임 누락)를 일으킬 수 있기 때문입니다.

가장 큰 지렛대는 **불필요한 rebuild 최소화**입니다: **const 생성자** 사용(const 위젯이 다시 빌드되지 않게 — 상당하고 쉬운 이득), **setState/rebuild 범위를 작게** 유지(위젯을 추출하여 state 변경이 전체 화면이 아닌 작은 서브트리만 다시 빌드하게), 타겟팅된 state 관리 사용(변경된 state에 의존하는 위젯만 다시 빌드) — 불필요한 rebuild가 흔한 성능 문제이므로. **효율적인 리스트 렌더링**은 결정적입니다: 모든 자식을 한 번에 빌드하는 대신 **`ListView.builder`**(보이는 항목만 지연 빌드)를 사용하는 것은 긴 리스트에 필수적입니다 — 흔하고 중요한 최적화입니다. **`build()`에서 비싼 작업 회피**는 build가 자주 실행되므로 중요합니다(저렴하게 유지해야 하며, 무거운 계산은 밖으로 옮기거나 jank를 피하기 위해 UI 스레드 밖 **isolate**에서 실행, UI 스레드는 부드러운 렌더링을 위해 비어 있어야 함). **Flutter DevTools로 프로파일링**(실제 병목을 찾기 위한 성능 오버레이, rebuild 프로파일러, 타임라인)은 핵심 규율입니다 — 추측이 아닌 측정 — 디버그(더 느림)가 아닌 profile/release 모드에서 테스트하고 이미지와 repaint를 최적화하는 것과 함께.

부드러운 60/120fps 성능은 앱을 세련되게 느껴지게 하는 것이며 jank는 눈에 띄고 짜증나므로, 이러한 최적화는 사용자 경험에 직접 영향을 미칩니다.

부드러운 성능은 좋은 UX에 필수적이고 실제 Flutter 앱은 적절한 최적화(const, 최소 rebuild, 효율적인 리스트, 저렴한 build, isolate, 프로파일링)로 해결되는 성능 문제를 일으킬 수 있으므로, Flutter 성능 최적화를 이해하는 것은 부드럽고 세련된 앱을 만드는 가치 있는 시니어 수준 지식입니다 — 앱이 반응적이고 jank 없이 유지되게 하는 전문적 Flutter 개발의 핵심 기술이자 시니어 역할에 기대되는 성능 인식을 반영합니다.