Question 1

프레임 렌더링과 관련된 성능 문제를 분석할 수 있는 Flutter DevTools 도구는 무엇입니까?

Accepted Answer

Flutter DevTools의 Performance view(또는 Timeline view)를 사용하면 애플리케이션이 렌더링한 프레임을 시각화하고 16ms 예산(60 FPS)을 초과하는 프레임을 식별할 수 있습니다. 이 도구는 UI thread와 raster thread의 활동을 표시하여 jank를 유발하는 병목 지점을 찾는 데 도움을 줍니다.

Question 2

Flutter 애플리케이션의 맥락에서 jank란 무엇입니까?

Accepted Answer

jank는 프레임을 렌더링하는 데 16ms 이상(60 FPS 달성을 위해) 걸릴 때 발생하는 시각적 끊김이나 버벅임을 의미합니다. 이는 사용자에게 부드럽지 않은 경험을 줍니다. jank는 main isolate에서의 비용이 큰 작업, 위젯의 과도한 리빌드, 복잡한 렌더링 작업으로 인해 발생할 수 있습니다.

Question 3

Flutter 렌더링 파이프라인에서 UI thread와 raster thread의 역할은 무엇입니까?

Accepted Answer

UI thread는 Dart 코드를 실행하고 widget tree를 구성하며 layer tree를 생성합니다. raster thread(이전의 GPU thread)는 이 layer tree를 받아 표시 가능한 픽셀로 래스터화합니다. 60 FPS를 유지하려면 둘 다 16ms 이내에 작업을 완료해야 합니다. 둘 중 하나에 문제가 생기면 jank가 발생할 수 있습니다.

성능 최적화

프레임 렌더링과 관련된 성능 문제를 분석할 수 있는 Flutter DevTools 도구는 무엇입니까?

답변

Flutter 애플리케이션의 맥락에서 jank란 무엇입니까?

답변

Flutter 렌더링 파이프라인에서 UI thread와 raster thread의 역할은 무엇입니까?

답변

위젯에 const 생성자를 사용하면 왜 성능이 향상됩니까?

Dart에서 Isolate란 무엇이며 성능에 왜 중요합니까?

기타 Flutter 면접 주제

Dart 기초

Dart 언어 핵심

Flutter 기초

위젯 생명주기

로컬 스토리지

애플리케이션 생명주기

Layouts & Constraints

ListView & GridView

내비게이션 및 라우팅

기본 상태 관리

Provider 패턴

Networking & HTTP

JSON 직렬화

로컬 데이터베이스

폼과 유효성 검사

애니메이션

Firebase 통합

유닛 테스트

위젯 테스트

빌드 및 배포

패키지 관리

메모리 및 성능

Streams & RxDart

고급 State Management

Flutter Design Patterns

Platform Channels

Custom Painting

Flutter 애플리케이션 아키텍처

다음 면접을 위해 Flutter을 마스터하세요