Flutter 튜토리얼 48편: 디버깅 도구 활용

1
import 'dart:developer' as developer;
2

3
void fetchUserData() {
4
  developer.log(
5
    'API 호출 시작',
6
    name: 'api.user',       // 카테고리 (필터링 가능)
7
    time: DateTime.now(),   // 타임스탬프
8
  );
9

10
  try {
11
    // API 호출...
12
    developer.log('API 호출 성공', name: 'api.user');
13
  } catch (e) {
14
    developer.log(
15
      'API 호출 실패',
16
      name: 'api.user',
17
      error: e.toString(),  // 에러 정보 (JSON 권장)
18
      level: 1000,          // 에러 레벨
19
    );
20
  }
21
}

1
import 'package:flutter/material.dart';
2

3
class AppHome extends StatelessWidget {
4
  @override
5
  Widget build(BuildContext context) {
6
    return Material(
7
      child: Center(
8
        child: TextButton(
9
          onPressed: () {
10
            // 위젯 트리 덤프
11
            debugDumpApp();
12
          },
13
          child: const Text('Dump Widget Tree'),
14
        ),
15
      ),
16
    );
17
  }
18
}

1
MyApp
2
└TextButton(dirty, dependencies: [MediaQuery, _InheritedTheme])
3
 └Text('Dump Widget Tree')

1
TextButton(
2
  onPressed: () {
3
    debugDumpRenderTree();
4
  },
5
  child: const Text('Dump Render Tree'),
6
)

1
RenderPositionedBox#dc1df
2
│ constraints: BoxConstraints(w=800.0, h=600.0)  // 제약조건
3
│ size: Size(800.0, 600.0)                        // 실제 크기
4
│ alignment: Alignment.center
5
└─child: RenderPadding#8455f
6
  │ constraints: BoxConstraints(56.0<=w<=800.0, 28.0<=h<=600.0)
7
  │ size: Size(100.0, 48.0)
8
  │ padding: EdgeInsets(8.0, 0.0, 8.0, 0.0)

1
import 'package:flutter/rendering.dart';
2

3
void main() {
4
  debugPaintSizeEnabled = true;  // 박스 테두리 표시
5
  runApp(const MyApp());
6
}

1
debugPaintPointersEnabled = true;

1
import 'package:flutter/material.dart';
2

3
class MyApp extends StatelessWidget {
4
  @override
5
  Widget build(BuildContext context) {
6
    return MaterialApp(
7
      showPerformanceOverlay: true,  // 성능 오버레이 표시
8
      title: 'My App',
9
      home: const MyHomePage(),
10
    );
11
  }
12
}

1
// 앱 시작 시 한 번만 설정
2
void main() {
3
  timeDilation = 5.0;  // 5배 느리게
4
  runApp(const MyApp());
5
}
6

7
// 실행 중 변경하지 마세요!
8
// 특히 줄이면 시간이 역행하는 것처럼 보여서 문제 발생

1
import 'dart:developer';
2

3
void expensiveOperation() {
4
  Timeline.startSync('expensive_operation');
5

6
  // 측정할 코드
7
  for (int i = 0; i < 1000000; i++) {
8
    // 복잡한 계산
9
  }
10

11
  Timeline.finishSync();
12
}