Flutter 3.x로 iOS/Android 동시 개발 — 13년 차 엔지니어의 실전 입문기

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

// Dart 기본 문법 — 낯설지 않습니다
void main() {
  var name = '홍길동';
  String greeting = 'Hello, $name!';
  print(greeting);
}

// 비동기 함수
Future<String> fetchUserName(int id) async {
  final response = await http.get(Uri.parse('https://api.example.com/users/$id'));
  final data = jsonDecode(response.body);
  return data['name'];
}

// Null Safety — 처음엔 당황하지만 익숙해지면 편합니다
String? nullableString = null;
String nonNullable = nullableString ?? '기본값';

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17

// 전형적인 Flutter 위젯 중첩 구조
Scaffold(
  appBar: AppBar(title: Text('홈')),
  body: Padding(
    padding: EdgeInsets.all(16.0),
    child: Column(
      children: [
        Text('안녕하세요', style: TextStyle(fontSize: 24)),
        SizedBox(height: 16),
        ElevatedButton(
          onPressed: () => print('클릭'),
          child: Text('버튼'),
        ),
      ],
    ),
  ),
)

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27

// Riverpod으로 API 상태 관리
import 'package:riverpod_annotation/riverpod_annotation.dart';

part 'user_provider.g.dart';

@riverpod
Future<User> user(UserRef ref, int userId) async {
  final repository = ref.watch(userRepositoryProvider);
  return repository.fetchUser(userId);
}

// 위젯에서 사용
class UserScreen extends ConsumerWidget {
  final int userId;
  const UserScreen({required this.userId});

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    final userAsync = ref.watch(userProvider(userId));

    return userAsync.when(
      loading: () => CircularProgressIndicator(),
      error: (err, stack) => Text('오류: $err'),
      data: (user) => Text('안녕하세요, ${user.name}님'),
    );
  }
}

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20

lib/
├── main.dart
├── app/
│   ├── router.dart          # go_router 설정
│   └── theme.dart           # 테마 설정
├── features/
│   ├── auth/
│   │   ├── presentation/    # 화면 위젯
│   │   ├── domain/          # 비즈니스 로직
│   │   └── data/            # API, DB 연동
│   └── home/
│       ├── presentation/
│       ├── domain/
│       └── data/
├── shared/
│   ├── widgets/             # 공통 위젯
│   └── utils/               # 유틸리티
└── core/
    ├── network/             # Dio 클라이언트
    └── storage/             # SharedPreferences

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29

# pubspec.yaml
dependencies:
  flutter:
    sdk: flutter

  # 상태관리
  flutter_riverpod: ^2.5.0
  riverpod_annotation: ^2.3.0

  # 네비게이션
  go_router: ^13.0.0

  # 네트워크
  dio: ^5.4.0

  # JSON 직렬화
  json_annotation: ^4.8.0

  # 로컬 저장소
  shared_preferences: ^2.2.0

  # UI 유틸
  cached_network_image: ^3.3.0
  flutter_svg: ^2.0.0

dev_dependencies:
  build_runner: ^2.4.0
  riverpod_generator: ^2.3.0
  json_serializable: ^6.7.0

1
2
3
4
5

# APK (테스트용)
flutter build apk --release

# AAB (Play Store 배포용)
flutter build appbundle --release

1
2

# iOS 빌드
flutter build ios --release

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11

// flutter_blue_plus로 BLE 통신
final subscription = FlutterBluePlus.scanResults.listen((results) {
  for (ScanResult r in results) {
    if (r.device.platformName == 'MySensor') {
      r.device.connect();
      break;
    }
  }
});

FlutterBluePlus.startScan(timeout: Duration(seconds: 10));