꿈꾸는 헤븐리 콜링켑 블로그

3. 화면 전환 앱 만들기  ★3개 화면을 가지고 있는 앱 만들기Named Route를 사용세 개의 화면 이름은 "HomeScreen", "DetailScreen", "SettingsScreen"으로 구성각 화면이 전환되도록 구현3.1 앱 구성 - 3개 화면 만들기1) material.dart 패키지 import- Material 디자인 위젯 가져오기(앱의 UI 만들 때 필요한 기본 패키지)2) main 함수- runApp()은 Fluttr 앱 실행- runApp(MyApp())은 MyApp을 앱의 루트 위젯으로 설정3) MyApp 클래스- 앱의 구조 정의 - 앱의 전체 구조 정의하는StatelessWidget- 필수 메서드 build  오버라이드하여 앱 UI 구성- MaterialApp을 반환title..

1. 내비게이션 구현하기  ★ 2개의 화면으로 구성된 앱 만들기2개의 화면 "HomeScreen" 과 "DetailScreen" 만들기HomeScreen에서 버튼 누르면 DetailScreen으로 이동DetailScreen에서 뒤로 가기 버튼을 누르면 다시 HomeScreen으로 돌아갈 수 있음1.1 2개 화면 만들기 - 앱 구성1) material.dart 패키지 import- Material Design 스타일의 UI 요소를 제공하며, 전반적인 앱의 레이아웃과 스타일을 설정2) main 함수- Flutter 앱의 시작 / Dart 프로그램 진입 - runApp()은 위젯을 화면에 그릴 때- runApp(MyApp())은 MyApp을 앱의 루트 위젯으로 설정3) MyApp 클래스- 앱의 구조 정의- M..

1. 사용자 입력 처리 * TextField - 사용자에게 글을 입력받는 위젯# 텍스트 필드(Do it! 깡샘 플러터&다트 p. 262)TextField( style: TextStyle(fontSize: 15), textAlign: TextAlign.center) * TextEditingController - 입력된 데이터 얻기* InputDecoration - 꾸미기 * textInputAction - 액션 버튼 * keyboardType - 키보드 유형 * obstureText - 텍스트 감추기 * maxLines, misLines - 여러 줄 입력       ★ 사용자 이름 & 이메일 주소 입력 받기2개의 TextField (사용자 이름, 이메일 주소)각 TextField위에 라벨 표시하고, 힌..