학습 목표
- [x] Flutter 위젯 소개 및 기본적인 레이아웃 학습
- [x] Flutter Hot Reload/Restart 기능 이해 및 활용
학습 내용
- Flutter 위젯 트리 구조 이해
- Container: 크기, 색상, 여백, 테두리 등 기본적인 스타일링
- Row, Column: 위젯을 가로 또는 세로로 배치하는 방법 및 mainAxisAlignment, crossAxisAlignment 이해
- Stack: 위젯을 겹쳐서 배치하는 방법 및 Positioned 활용
- Expanded: 남은 공간을 채우는 방법
- Center: 위젯을 화면 또는 부모 위젯의 중앙에 배치하는 방법
- 실습
- 메인 화면의 기본적인 구조 배치 (상단 날짜, 중앙 달력 영역, 하단 요약 영역의 틀 만들기 - 실제 데이터 연결은 다음 주)
- 일기 작성 화면의 제목 입력 필드, 본문 입력 영역 배치
- 일정 추가/수정 화면의 제목, 내용 입력 필드 배치
학습 방법