Skip to content

feat: 마이페이지 화면 구현 완료 #55

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
taekoong merged 18 commits into from
Jul 22, 2025
Merged

feat: 마이페이지 화면 구현 완료 #55

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
18 commits
Select commit Hold shift + click to select a range
5edbccb
feat: 온도그래프 화면으로 전환
taekoong Jul 20, 2025
90dbe65
feat: 온도그래프 화면으로 전환
taekoong Jul 21, 2025
a4b794c
feat: 온도그래프 화면으로 전환
taekoong Jul 21, 2025
97983e9
feat: 온도그래프 화면으로 전환
taekoong Jul 21, 2025
e927d5a
feat: 온도그래프 화면으로 전환
taekoong Jul 21, 2025
86e5b0f
feat: 온도그래프 화면 구현
taekoong Jul 21, 2025
371a714
feat: 온도그래프 화면 구현
taekoong Jul 21, 2025
a5a6024
feat: 온도그래프 화면 구현
taekoong Jul 21, 2025
de6ac3d
feat: 마이페이지 화면 구현 processing...
taekoong Jul 21, 2025
c58f171
feat: 마이페이지 화면 구현 processing...
taekoong Jul 21, 2025
236a798
feat: 마이페이지 화면 구현 processing...
taekoong Jul 22, 2025
a82edc4
feat: 마이페이지 화면 구현 processing...
taekoong Jul 22, 2025
5193530
feat: 마이페이지 화면 구현 processing...
taekoong Jul 22, 2025
fbb9b29
feat: 마이페이지 화면 구현 processing...
taekoong Jul 22, 2025
e437104
feat: 마이페이지 화면 구현
taekoong Jul 22, 2025
631b716
feat: 마이페이지 화면 구현
taekoong Jul 22, 2025
a6c38fc
feat: 마이페이지 화면 구현
taekoong Jul 22, 2025
d85e155
feat: 마이페이지 화면 구현
taekoong Jul 22, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
21 changes: 9 additions & 12 deletions frontend/ongi/lib/screens/bottom_nav.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,8 +4,9 @@ import 'package:ongi/screens/home/home_screen.dart';
import 'package:ongi/screens/health/health_home_screen.dart';
import 'package:ongi/screens/family_tempbar_screen.dart';
import 'package:ongi/screens/photo_screen.dart';
import 'package:ongi/screens/mypage_screen.dart';
import 'package:ongi/screens/mypage/mypage_screen.dart';
import 'package:ongi/core/app_colors.dart';
import 'dart:ui';
Copy link

@coderabbitai coderabbitai bot Jul 22, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

💡 Verification agent

🧩 Analysis chain

사용되지 않는 import를 확인하세요.

dart:ui 패키지가 추가되었지만 코드에서 사용되는 곳을 찾을 수 없습니다. 필요없다면 제거하는 것이 좋겠습니다.

🏁 Script executed:

#!/bin/bash
# Description: dart:ui 패키지의 사용여부 확인

# Test: bottom_nav.dart에서 dart:ui 패키지 사용 확인
rg "ui\." frontend/ongi/lib/screens/bottom_nav.dart || echo "dart:ui 패키지 사용 안 됨"

Length of output: 100

dart:ui 불필요한 import 제거 요청

frontend/ongi/lib/screens/bottom_nav.dart 파일에서 dart:ui를 참조하는 구문이 발견되지 않아, 해당 import는 제거하는 것이 적절합니다.

  • 파일: frontend/ongi/lib/screens/bottom_nav.dart
    삭제할 라인: 9

제안하는 변경:

- import 'dart:ui';
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
import 'dart:ui';
- import 'dart:ui';
🤖 Prompt for AI Agents 
In frontend/ongi/lib/screens/bottom_nav.dart at line 9, the import statement for
'dart:ui' is unnecessary as there are no references to it in the file. Remove
the line importing 'dart:ui' to clean up unused imports.


class BottomNavScreen extends StatefulWidget {
const BottomNavScreen({super.key});
Expand Down Expand Up @@ -84,16 +85,9 @@ class _BottomNavScreenState extends State<BottomNavScreen> {
gradient: LinearGradient(
begin: Alignment.topCenter,
end: Alignment.bottomCenter,
colors: [ AppColors.ongiBlue, AppColors.ongiOrange ],
colors: [ AppColors.ongiBlue, AppColors.ongiOrange],
),
shape: BoxShape.circle,
boxShadow: [
BoxShadow(
color: Colors.black12,
blurRadius: 8,
offset: Offset(0, 4),
),
],
),
child: const Icon(Icons.add, color: Colors.white, size: 36),
),
Expand Down Expand Up @@ -138,14 +132,17 @@ class _BottomNavScreenState extends State<BottomNavScreen> {
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
iconWidget,
isSelected
? Container(
child: iconWidget,
)
: iconWidget,
const SizedBox(height: 4),
Text(
text,
style: TextStyle(
fontSize: 12,
color:isSelected? AppColors.ongiOrange
: Colors.grey[300],
color: isSelected ? AppColors.ongiOrange : Colors.grey[300],
fontFamily: 'Pretendard',
fontWeight: FontWeight.w600,
),
Expand Down
20 changes: 0 additions & 20 deletions frontend/ongi/lib/screens/home/home_screen.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -5,7 +5,6 @@ import 'package:ongi/screens/home/home_logo.dart';
import 'package:ongi/screens/home/home_ourfamily_text.dart';
import 'package:ongi/utils/prefs_manager.dart';
import 'package:ongi/screens/home/home_donutCapsule.dart';
import 'package:ongi/core/app_light_background.dart';

class HomeScreen extends StatefulWidget {
const HomeScreen({super.key});
Expand Down Expand Up @@ -43,24 +42,6 @@ class _HomeScreenState extends State<HomeScreen> {
_currentView = 'home';
});
}
Widget _buildBackButton() {
return Positioned(
top: MediaQuery.of(context).padding.top + 16,
left: 20,
child: GestureDetector(
onTap: _goBackToHome,
child: Container(
width: 44,
height: 44,
child: Icon(
Icons.arrow_back_ios,
color: Colors.white,
size: 30,
),
),
),
);
}
Widget _buildCurrentView(){
switch(_currentView){
case 'graph':
Expand All @@ -75,7 +56,6 @@ class _HomeScreenState extends State<HomeScreen> {
HomeDegreeGraph(
onBack: _goBackToHome,
),
_buildBackButton(),
],
);
}
Expand Down
185 changes: 185 additions & 0 deletions frontend/ongi/lib/screens/mypage/mypage_myinfo.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,185 @@
import 'package:flutter/material.dart';
import 'package:ongi/core/app_colors.dart';
import 'package:ongi/utils/prefs_manager.dart';
import 'package:flutter/services.dart';

class Myinfo extends StatelessWidget {
const Myinfo({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
final screenWidth = MediaQuery.of(context).size.width;
final screenHeight = MediaQuery.of(context).size.height;
return FutureBuilder<Map<String, String?>> (
future: PrefsManager.getUserInfo(),
builder: (context, snapshot) {
if (snapshot.connectionState == ConnectionState.waiting) {
return const Center(child: CircularProgressIndicator());
}
if (snapshot.hasError) {
return Center(child: Text('에러: \\${snapshot.error}', style: TextStyle(color: Colors.red)));
}
final userInfo = snapshot.data ?? {};
final name = userInfo['name'] ?? '사용자님';
final familycode = userInfo['familycode'] ?? '33HYF6';
final familyName = userInfo['familyName'] ?? '가족이름';
final profileImage = userInfo['profileImage'] ?? 'assets/images/users/elderly_woman.png';
final isParent = userInfo['isParent'] == 'true';
final roleText = isParent ? '부모' : '자녀';

return Padding(
padding: EdgeInsets.symmetric(
horizontal: screenWidth * 0.05, // 32/375
vertical: screenHeight * 0.02, // 16/812
),
child: Row(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
// 프로필 이미지
ClipOval(
child: Image.asset(
profileImage,
width: screenWidth * 0.3, // 112/375
height: screenWidth * 0.4, // 160/375
fit: BoxFit.contain,
),
),
Comment on lines +39 to +46
Copy link

@coderabbitai coderabbitai bot Jul 22, 2025

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

⚠️ Potential issue

프로필 이미지의 가로세로 비율이 일치하지 않습니다.

ClipOval을 사용하면서 width와 height가 다른 비율(0.3 vs 0.4)로 설정되어 있어 이미지가 왜곡될 수 있습니다.

정사각형으로 수정하세요:

 ClipOval(
   child: Image.asset(
     profileImage,
-    width: screenWidth * 0.3, // 112/375
-    height: screenWidth * 0.4, // 160/375
+    width: screenWidth * 0.3, // 112/375
+    height: screenWidth * 0.3, // 112/375 (정사각형)
     fit: BoxFit.contain,
   ),
 ),
📝 Committable suggestion

‼️ IMPORTANT
Carefully review the code before committing. Ensure that it accurately replaces the highlighted code, contains no missing lines, and has no issues with indentation. Thoroughly test & benchmark the code to ensure it meets the requirements.

Suggested change
ClipOval(
child: Image.asset(
profileImage,
width: screenWidth * 0.3, // 112/375
height: screenWidth * 0.4, // 160/375
fit: BoxFit.contain,
),
),
ClipOval(
child: Image.asset(
profileImage,
width: screenWidth * 0.3, // 112/375
height: screenWidth * 0.3, // 112/375 (정사각형)
fit: BoxFit.contain,
),
),
🤖 Prompt for AI Agents 
In frontend/ongi/lib/screens/mypage/mypage_myinfo.dart around lines 39 to 46,
the profile image inside ClipOval has mismatched width and height ratios (0.3 vs
0.4), causing distortion. Fix this by setting both width and height to the same
value to maintain a square aspect ratio, ensuring the image is not distorted
within the ClipOval.

SizedBox(width: screenWidth * 0.0053),
// 오른쪽 정보들
Expanded(
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
Row(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
Text(
'$name님',
style: TextStyle(
color: Colors.white,
fontSize: screenWidth * 0.064, // 24/375
fontWeight: FontWeight.w800,
fontFamily: 'Pretendard',
),
),
SizedBox(width: screenWidth * 0.015),
Container(
padding: EdgeInsets.symmetric(
horizontal: screenWidth * 0.01,
vertical: screenHeight * 0.001,
),
decoration: BoxDecoration(
color: Colors.white,
borderRadius: BorderRadius.circular(20),
),
child: Text(
roleText,
style: TextStyle(
color: AppColors.ongiOrange,
fontSize: screenWidth * 0.019,
fontWeight: FontWeight.w600,
fontFamily: 'Pretendard',
),
),
),
],
),
Padding(
padding: EdgeInsets.only(left: screenWidth * 0.021), // 8/375
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
SizedBox(height: screenHeight * 0.005), // 4/812
Row(
children: [
Text(
familyName,
style: TextStyle(
color: Colors.white,
fontSize: 15,
fontWeight: FontWeight.w700,
fontFamily: 'Pretendard',
),
),
SizedBox(width: screenWidth * 0.011), // 4/375
Text(
familycode,
style: TextStyle(
color: Colors.white,
fontSize: 10,
fontWeight: FontWeight.w600,
fontFamily: 'Pretendard',
),
),
SizedBox(width: screenWidth * 0.021), // 8/375
Builder(
builder: (context) => OutlinedButton(
onPressed: () async {
await Clipboard.setData(ClipboardData(text: familycode));
ScaffoldMessenger.of(context).showSnackBar(
SnackBar(content: Text('가족코드가 복사되었습니다.')),
);
},
style: OutlinedButton.styleFrom(
side: const BorderSide(color: AppColors.ongiOrange, width: 1),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(20),
),
minimumSize: Size.zero,
tapTargetSize: MaterialTapTargetSize.shrinkWrap,
backgroundColor: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: screenWidth * 0.01,
vertical: screenHeight * 0.001,
),
),
child: Text(
'가족코드 공유',
style: TextStyle(
color: AppColors.ongiOrange,
fontSize: screenWidth * 0.019,
fontWeight: FontWeight.w600,
fontFamily: 'Pretendard',
),
),
),
),
],
),
SizedBox(height: screenHeight * 0.02), // 4/812
OutlinedButton(
onPressed: () {},
style: OutlinedButton.styleFrom(
side: const BorderSide(color: AppColors.ongiOrange, width: 1),
shape: RoundedRectangleBorder(
borderRadius: BorderRadius.circular(30),
),
backgroundColor: Colors.white,
padding: EdgeInsets.symmetric(
horizontal: screenWidth * 0.027, // 10/375
vertical: screenHeight * 0.002, // 1/812
),
),
child: const Text(
'프로필 수정',
style: TextStyle(
color: AppColors.ongiOrange,
fontWeight: FontWeight.w400,
fontSize: 13,
fontFamily: 'Pretendard',
),
),
),
],
),
),
],
),
),
],
),
);
},
);
}
}
116 changes: 116 additions & 0 deletions frontend/ongi/lib/screens/mypage/mypage_screen.dart
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,116 @@
import 'package:flutter/material.dart';
import 'package:ongi/utils/prefs_manager.dart';
import 'package:ongi/screens/start_screen.dart';
import 'package:ongi/core/app_colors.dart';
import 'package:ongi/screens/mypage/mypage_myinfo.dart';

class ProfileScreen extends StatelessWidget {
const ProfileScreen({Key? key}) : super(key: key);

Widget buildMenuList(BuildContext context) {
final menuItems = [
'개인정보 보호',
'시스템 알림',
'공지사항',
'정보',
'문의하기',
'로그아웃',
];

final double gap = MediaQuery.of(context).size.height * 0.02;
final screenWidth = MediaQuery.of(context).size.width;
return Container(
margin: EdgeInsets.only(left: 0, right: screenWidth * 0.3),
child: Column(
crossAxisAlignment: CrossAxisAlignment.start,
children: [
for (final item in menuItems) ...[
SizedBox(height: gap),
item == '로그아웃'
? GestureDetector(
onTap: () async {
await PrefsManager.logout();
ScaffoldMessenger.of(context).showSnackBar(
const SnackBar(content: Text('로그아웃되었습니다.')),
);
await Future.delayed(const Duration(milliseconds: 500));
Navigator.of(context).pushAndRemoveUntil(
MaterialPageRoute(builder: (context) => const StartScreen()),
(route) => false,
);
},
child: const Text(
'로그아웃',
style: TextStyle(
fontSize: 24,
color: Colors.black,
),
),
)
: Text(item, style: const TextStyle(fontSize: 24)),
]
],
),
);
}

@override
Widget build(BuildContext context) {
return Scaffold(
backgroundColor: AppColors.ongiOrange,
appBar: AppBar(backgroundColor: AppColors.ongiOrange, elevation: 0),
body: Stack(
children: [
Positioned(
bottom: -MediaQuery.of(context).size.width * 0.6,
left: 0,
right: 0,
height: MediaQuery.of(context).size.height * 0.75,
child: OverflowBox(
maxWidth: double.infinity,
maxHeight: double.infinity,
child: Center(
child: Container(
width: MediaQuery.of(context).size.width * 1.5,
height: MediaQuery.of(context).size.height,
decoration: BoxDecoration(
color: AppColors.ongiLigntgrey,
borderRadius: const BorderRadius.only(
topLeft: Radius.circular(260),
topRight: Radius.circular(260),
),
),
),
),
),
),
// 기존 내용
Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.start,
children: [
const Text(
'마이페이지',
style: TextStyle(
color: Colors.white,
fontSize: 24,
fontFamily: 'Pretendard',
fontWeight: FontWeight.w600,
),
),
const SizedBox(height: 8),
const Padding(
padding: EdgeInsets.symmetric(horizontal: 12, vertical: 8),
child: Myinfo(),
),
const SizedBox(height: 24),
buildMenuList(context),
],
),
),
],
),
);
}
}

Loading
Loading