Flutter 튜토리얼 49편: 에러 처리와 보고

1
// 문제가 되는 코드
2
Widget build(BuildContext context) {
3
  return Row(
4
    children: [
5
      Icon(Icons.message),
6
      Column(
7
        children: [
8
          Text('제목'),
9
          Text('매우 긴 텍스트가 화면을 넘어갑니다...'),
10
        ],
11
      ),
12
    ],
13
  );
14
}

1
Widget build(BuildContext context) {
2
  return Row(
3
    children: [
4
      Icon(Icons.message),
5
      Expanded(  // Expanded로 감싸기
6
        child: Column(
7
          children: [
8
            Text('제목'),
9
            Text('이제 텍스트가 넘치지 않습니다.'),
10
          ],
11
        ),
12
      ),
13
    ],
14
  );
15
}

1
// 문제가 되는 코드
2
Widget build(BuildContext context) {
3
  return Column(
4
    children: [
5
      Text('헤더'),
6
      ListView(  // Column이 높이 제약을 주지 않음
7
        children: [
8
          ListTile(title: Text('항목 1')),
9
          ListTile(title: Text('항목 2')),
10
        ],
11
      ),
12
    ],
13
  );
14
}

1
Widget build(BuildContext context) {
2
  return Column(
3
    children: [
4
      Text('헤더'),
5
      Expanded(  // 남은 공간을 ListView가 차지
6
        child: ListView(
7
          children: [
8
            ListTile(title: Text('항목 1')),
9
            ListTile(title: Text('항목 2')),
10
          ],
11
        ),
12
      ),
13
    ],
14
  );
15
}

1
import 'package:flutter/widgets.dart';
2
import 'package:sentry_flutter/sentry_flutter.dart';
3

4
Future<void> main() async {
5
  await SentryFlutter.init(
6
    (options) {
7
      options.dsn = 'https://[email protected]/project-id';
8
      // 추가 옵션 설정
9
      options.tracesSampleRate = 1.0;  // 성능 모니터링
10
      options.debug = kDebugMode;  // 디버그 모드에서 로깅
11
    },
12
    appRunner: () => runApp(const MyApp()),
13
  );
14
}

1
// 코드에서 환경 변수 사용
2
const sentryDsn = String.fromEnvironment('SENTRY_DSN');
3

4
await SentryFlutter.init(
5
  (options) => options.dsn = sentryDsn,
6
  appRunner: () => runApp(const MyApp()),
7
);

1
try {
2
  // 위험한 작업
3
  await riskyOperation();
4
} catch (exception, stackTrace) {
5
  // Sentry에 에러 보고
6
  await Sentry.captureException(
7
    exception,
8
    stackTrace: stackTrace,
9
  );
10

11
  // 사용자에게 에러 알림
12
  showErrorSnackBar('작업 중 문제가 발생했습니다.');
13
}

1
// 사용자 정보 설정
2
Sentry.configureScope((scope) {
3
  scope.setUser(SentryUser(
4
    id: userId,
5
    email: userEmail,
6
  ));
7

8
  // 추가 컨텍스트
9
  scope.setTag('app_version', '1.0.0');
10
  scope.setExtra('device_model', deviceModel);
11
});

1
import 'package:firebase_crashlytics/firebase_crashlytics.dart';
2

3
Future<void> main() async {
4
  WidgetsFlutterBinding.ensureInitialized();
5
  await Firebase.initializeApp();
6

7
  // Flutter 에러를 Crashlytics로 전달
8
  FlutterError.onError = FirebaseCrashlytics.instance.recordFlutterError;
9

10
  // 비동기 에러 처리
11
  PlatformDispatcher.instance.onError = (error, stack) {
12
    FirebaseCrashlytics.instance.recordError(error, stack);
13
    return true;
14
  };
15

16
  runApp(const MyApp());
17
}

1
// Result 타입 정의
2
sealed class Result<T> {}
3
class Success<T> extends Result<T> {
4
  final T data;
5
  Success(this.data);
6
}
7
class Failure<T> extends Result<T> {
8
  final String message;
9
  final Object? error;
10
  Failure(this.message, [this.error]);
11
}
12

13
// 사용 예시
14
Future<Result<User>> fetchUser(String id) async {
15
  try {
16
    final response = await api.getUser(id);
17
    return Success(User.fromJson(response));
18
  } catch (e, stack) {
19
    await Sentry.captureException(e, stackTrace: stack);
20
    return Failure('사용자 정보를 불러올 수 없습니다.', e);
21
  }
22
}
23

24
// UI에서 사용
25
final result = await fetchUser('123');
26
switch (result) {
27
  case Success(:final data):
28
    showUserProfile(data);
29
  case Failure(:final message):
30
    showErrorMessage(message);
31
}

1
class ErrorBoundary extends StatefulWidget {
2
  final Widget child;
3
  final Widget Function(Object error)? fallback;
4

5
  const ErrorBoundary({
6
    required this.child,
7
    this.fallback,
8
    super.key,
9
  });
10

11
  @override
12
  State<ErrorBoundary> createState() => _ErrorBoundaryState();
13
}
14

15
class _ErrorBoundaryState extends State<ErrorBoundary> {
16
  Object? _error;
17

18
  @override
19
  void initState() {
20
    super.initState();
21
    // 에러 발생 시 재빌드
22
  }
23

24
  void _handleError(Object error) {
25
    setState(() => _error = error);
26
  }
27

28
  @override
29
  Widget build(BuildContext context) {
30
    if (_error != null) {
31
      return widget.fallback?.call(_error!) ??
32
        Center(child: Text('오류가 발생했습니다.'));
33
    }
34
    return widget.child;
35
  }
36
}