250404 작업일지

윤찬혁 개인 작업

프론트앤드 화면 개발

아래 유튜브를 보면서 공부하며 피그마에서 UI로 제작한 웹 화면들 작업 진행
YouTube 링크

---

Flutter 개발 및 구조화

1. MaterialApp과 Scaffold를 사용하여 앱의 기본 구조 설정

   • MaterialApp: Android 스타일의 UI 및 Material Design을 기반으로 한 기본 구조 설정을 위한 위젯
   • Scaffold: (appBar, body, BottomNavigationBar) 로 화면 구성을 상/중/하로 나눠 개발

2. Column을 사용해 레이아웃 구성

   • Column: 위젯을 활용하여 상단과 버튼 레이아웃을 효율적으로 분리 및 구성

3. Stack과 Align을 사용해 텍스트와 아이콘 위치 조정

   • Stack: 버튼 간의 기획한 위치를 조정
   • Align: 자식 위젯을 정렬하기 위해 사용 (예: alignment.center, alignment.topLeft)

4. Navigation과 Routing을 이용하여 화면들 간의 연결

   routes: {'/main': (context) => MainmenuScreen()},
   
   

다음 작업 예정

1. 다른 UI 화면 제작 후 화면 간의 연결을 구현할 예정
2. 화면 속의 버튼을 누르면 원하는 화면으로 이동하도록 구현