Update: modify main.dart in flutter_frontend

flutter_frontend/lib/main.dart

@@ -318,120 +318,241 @@
 // }
 
 // 세 번째 마이크 버튼 관련 구현
+// import 'package:flutter/material.dart';
+
+// void main() {
+//   runApp(MaterialApp(
+//     home: TranslationScreen(),
+//     debugShowCheckedModeBanner: false,
+//   ));
+// }
+
+// class TranslationScreen extends StatefulWidget {
+//   @override
+//   _TranslationScreenState createState() => _TranslationScreenState();
+// }
+
+// class _TranslationScreenState extends State<TranslationScreen> {
+//   bool isListening = false;
+//   String pronunciation = '';
+//   String standard = '';
+
+//   void onMicPressed() {
+//     if (!isListening) {
+//       // 듣기 시작
+//       setState(() {
+//         isListening = true;
+//         pronunciation = '';
+//         standard = '';
+//       });
+//     } else {
+//       // 듣기 종료 → 결과 표시
+//       setState(() {
+//         isListening = false;
+//         pronunciation = '지금 몇 년 안 되어수다마는';
+//         standard = '지금 몇 년 안 되었잖아요';
+//       });
+//     }
+//   }
+
+//   @override
+//   Widget build(BuildContext context) {
+//     return Scaffold(
+//       appBar: AppBar(
+//         title: Text('Jeju Potato'),
+//         backgroundColor: Colors.white,
+//         foregroundColor: Colors.black,
+//         elevation: 0.5,
+//       ),
+//       body: Column(
+//         mainAxisAlignment: MainAxisAlignment.center,
+//         children: [
+//           // 마이크 버튼
+//           IconButton(
+//             iconSize: 64,
+//             icon: Icon(
+//               isListening ? Icons.mic : Icons.mic_none,
+//               color: isListening ? Colors.red : Colors.black,
+//             ),
+//             onPressed: onMicPressed,
+//           ),
+
+//           // 듣는 중… 표시
+//           if (isListening)
+//             Padding(
+//               padding: const EdgeInsets.only(top: 8.0),
+//               child: Text(
+//                 '듣는 중…',
+//                 style: TextStyle(fontSize: 16, fontStyle: FontStyle.italic),
+//               ),
+//             ),
+
+//           SizedBox(height: 24),
+
+//           // Pronunciation 카드
+//           _buildTextCard('Pronunciation', pronunciation),
+
+//           SizedBox(height: 16),
+
+//           // Standard 카드
+//           _buildTextCard('Standard', standard),
+//         ],
+//       ),
+//       bottomNavigationBar: BottomNavigationBar(
+//         items: const [
+//           BottomNavigationBarItem(icon: Icon(Icons.home), label: ''),
+//           BottomNavigationBarItem(icon: Icon(Icons.search), label: ''),
+//           BottomNavigationBarItem(icon: Icon(Icons.reply), label: ''),
+//           BottomNavigationBarItem(icon: Icon(Icons.bookmark_border), label: ''),
+//         ],
+//         selectedItemColor: Colors.black,
+//         unselectedItemColor: Colors.grey,
+//         type: BottomNavigationBarType.fixed,
+//       ),
+//     );
+//   }
+
+//   Widget _buildTextCard(String title, String content) {
+//     return Padding(
+//       padding: const EdgeInsets.symmetric(horizontal: 20),
+//       child: Card(
+//         elevation: 1,
+//         shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
+//         child: Container(
+//           width: double.infinity,
+//           padding: EdgeInsets.all(16),
+//           child: Column(
+//             crossAxisAlignment: CrossAxisAlignment.start,
+//             children: [
+//               Text(title, style: TextStyle(fontWeight: FontWeight.bold)),
+//               SizedBox(height: 8),
+//               Text(content.isEmpty ? ' ' : content),
+//             ],
+//           ),
+//         ),
+//       ),
+//     );
+//   }
+// }
+
+
+// 백엔드와 연결한 버전
 import 'package:flutter/material.dart';
+import 'package:http/http.dart' as http;
+import 'dart:convert';
 
 void main() {
-  runApp(MaterialApp(
-    home: TranslationScreen(),
-    debugShowCheckedModeBanner: false,
-  ));
+  runApp(const MyApp());
+}
+
+class MyApp extends StatelessWidget {
+  const MyApp({super.key});
+
+  @override
+  Widget build(BuildContext context) {
+    return const MaterialApp(
+      debugShowCheckedModeBanner: false,
+      home: TranslationScreen(),
+    );
+  }
 }
 
 class TranslationScreen extends StatefulWidget {
+  const TranslationScreen({super.key});
+
   @override
-  _TranslationScreenState createState() => _TranslationScreenState();
+  State<TranslationScreen> createState() => _TranslationScreenState();
 }
 
 class _TranslationScreenState extends State<TranslationScreen> {
   bool isListening = false;
-  String pronunciation = '';
-  String standard = '';
+  String pronunciationText = '';
+  String standardText = '';
+
+  Future<void> onMicPressed() async {
+    setState(() {
+      isListening = !isListening;
+      if (isListening) {
+        pronunciationText = '';
+        standardText = '';
+      }
+    });
 
-  void onMicPressed() {
     if (!isListening) {
-      // 듣기 시작
-      setState(() {
-        isListening = true;
-        pronunciation = '';
-        standard = '';
-      });
-    } else {
-      // 듣기 종료 → 결과 표시
-      setState(() {
-        isListening = false;
-        pronunciation = '지금 몇 년 안 되어수다마는';
-        standard = '지금 몇 년 안 되었잖아요';
-      });
+      // 마이크 입력 종료 시 백엔드 호출
+      final url = Uri.parse('http://127.0.0.1:8000/test_random'); // 실제 IP나 도메인으로 변경 가능
+      try {
+        final response = await http.get(url);
+        if (response.statusCode == 200) {
+          final data = json.decode(response.body);
+          setState(() {
+            pronunciationText = data['whisper_result'] ?? '';
+            standardText = data['second_kobart_result'] ?? '';
+          });
+        } else {
+          setState(() {
+            pronunciationText = '서버 에러 발생';
+            standardText = '';
+          });
+        }
+      } catch (e) {
+        setState(() {
+          pronunciationText = '네트워크 오류: $e';
+          standardText = '';
+        });
+      }
     }
   }
 
   @override
   Widget build(BuildContext context) {
     return Scaffold(
-      appBar: AppBar(
-        title: Text('Jeju Potato'),
-        backgroundColor: Colors.white,
-        foregroundColor: Colors.black,
-        elevation: 0.5,
-      ),
-      body: Column(
-        mainAxisAlignment: MainAxisAlignment.center,
-        children: [
-          // 마이크 버튼
-          IconButton(
-            iconSize: 64,
-            icon: Icon(
-              isListening ? Icons.mic : Icons.mic_none,
-              color: isListening ? Colors.red : Colors.black,
+      appBar: AppBar(title: const Text('Jeju Potato')),
+      body: Padding(
+        padding: const EdgeInsets.all(20),
+        child: Column(
+          mainAxisAlignment: MainAxisAlignment.center,
+          children: [
+            ElevatedButton.icon(
+              onPressed: onMicPressed,
+              icon: const Icon(Icons.mic),
+              label: Text(isListening ? '듣는 중...' : '말하기'),
+              style: ElevatedButton.styleFrom(
+                padding: const EdgeInsets.symmetric(horizontal: 24, vertical: 16),
+              ),
             ),
-            onPressed: onMicPressed,
-          ),
-
-          // 듣는 중… 표시
-          if (isListening)
-            Padding(
-              padding: const EdgeInsets.only(top: 8.0),
-              child: Text(
-                '듣는 중…',
-                style: TextStyle(fontSize: 16, fontStyle: FontStyle.italic),
+            const SizedBox(height: 30),
+            Align(
+              alignment: Alignment.centerLeft,
+              child: Text('Pronunciation', style: TextStyle(fontWeight: FontWeight.bold)),
+            ),
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.all(16),
+              margin: const EdgeInsets.only(bottom: 20, top: 8),
+              decoration: BoxDecoration(
+                border: Border.all(color: Colors.grey),
+                borderRadius: BorderRadius.circular(12),
               ),
+              child: Text(pronunciationText),
             ),
-
-          SizedBox(height: 24),
-
-          // Pronunciation 카드
-          _buildTextCard('Pronunciation', pronunciation),
-
-          SizedBox(height: 16),
-
-          // Standard 카드
-          _buildTextCard('Standard', standard),
-        ],
-      ),
-      bottomNavigationBar: BottomNavigationBar(
-        items: const [
-          BottomNavigationBarItem(icon: Icon(Icons.home), label: ''),
-          BottomNavigationBarItem(icon: Icon(Icons.search), label: ''),
-          BottomNavigationBarItem(icon: Icon(Icons.reply), label: ''),
-          BottomNavigationBarItem(icon: Icon(Icons.bookmark_border), label: ''),
-        ],
-        selectedItemColor: Colors.black,
-        unselectedItemColor: Colors.grey,
-        type: BottomNavigationBarType.fixed,
-      ),
-    );
-  }
-
-  Widget _buildTextCard(String title, String content) {
-    return Padding(
-      padding: const EdgeInsets.symmetric(horizontal: 20),
-      child: Card(
-        elevation: 1,
-        shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(12)),
-        child: Container(
-          width: double.infinity,
-          padding: EdgeInsets.all(16),
-          child: Column(
-            crossAxisAlignment: CrossAxisAlignment.start,
-            children: [
-              Text(title, style: TextStyle(fontWeight: FontWeight.bold)),
-              SizedBox(height: 8),
-              Text(content.isEmpty ? ' ' : content),
-            ],
-          ),
+            Align(
+              alignment: Alignment.centerLeft,
+              child: Text('Standard', style: TextStyle(fontWeight: FontWeight.bold)),
+            ),
+            Container(
+              width: double.infinity,
+              padding: const EdgeInsets.all(16),
+              margin: const EdgeInsets.only(top: 8),
+              decoration: BoxDecoration(
+                border: Border.all(color: Colors.grey),
+                borderRadius: BorderRadius.circular(12),
+              ),
+              child: Text(standardText),
+            ),
+          ],
         ),
       ),
     );
   }
 }
-