학습 목표
- [ ] 기본 위젯 학습 및 사용자 입력 처리 기초
- [ ] 간단한 UI 앱 개발 실습 (텍스트 출력, 버튼 클릭 이벤트 처리, 입력 값 활용 등)
학습 내용
Text
: 텍스트 표시 및 스타일링
Image
: 이미지 표시 (assets, network)
Icon
: 아이콘 표시
TextField
: 사용자로부터 텍스트 입력 받기 (onChanged
, controller
활용)
ElevatedButton
: 클릭 가능한 버튼
- 간단한 UI 구현 실습 :
- 일기 작성 화면: 제목 및 본문 입력 필드에 텍스트를 입력하고 콘솔에 출력하는 기능 구현 (저장 기능은 다음 주)
- 일정 추가/수정 화면: 제목 및 내용 입력 필드에 텍스트 입력 기능 구현, 간단한 저장 버튼 배치 (실제 저장 로직은 다음 주)
- 할 일 목록 화면: 할 일 추가 입력 필드 (
TextField
) 배치 및 입력된 텍스트를 콘솔에 출력하는 기능 구현
학습 방법
- Flutter 공식 문서 Common widgets 탐색 및 관심 있는 위젯 상세 학습
- Flutter Widget of the Week: Text, Image, Icon, TextField, ElevatedButton 시청
- 각 위젯의 속성을 변경해보면서 UI 변화 확인