위젯 배치하기 - Row와 Column
- (미션) 3x3 계산기 버튼 레이아웃을 만들어보세요. 각 버튼은 Container 위젯을 사용하고, 크기는 80x80, 색상은 회색으로 설정하세요. 버튼 사이의 간격은 10픽셀로 설정하세요.
- (답을 여기에 작성)
위젯 배치하기 - Stack과 Positioned
- (미션) 300x200 크기의 파란색 배경 위에 "Hello, Flutter!"라는 텍스트를 흰색으로 표시하세요. 텍스트는 오른쪽 아래 모서리에서 20픽셀 떨어진 위치에 배치하세요.
- (답을 여기에 작성)
사용자 입력 처리 - TextField
- (미션) "사용자 이름"과 "이메일 주소"를 입력받는 두 개의 TextField를 만드세요. 각 TextField 위에는 라벨을 표시하고, TextField에는 힌트 텍스트를 추가하세요. 입력 완료 후 제출 버튼을 누르면 입력된 값을 콘솔에 출력하세요.
- (답을 여기에 작성)
사용자 입력 처리 - Checkbox와 Switch
- (미션) "다크 모드"와 "알림 받기" 옵션을 토글할 수 있는 설정 화면을 만드세요. 다크 모드는 Switch, 알림 받기는 Checkbox를 사용하세요. 각 옵션의 상태가 변경될 때마다 현재 상태를 콘솔에 출력하세요.
- (답을 여기에 작성)
목록 구성 - ListView
- (미션) 10개의 할 일 항목을 가진 ListView를 만드세요. 각 항목은 제목과 완료 여부를 표시하는 Checkbox를 포함해야 합니다. ListView.builder를 사용하여 구현하고, 항목을 탭하면 해당 항목의 세부 정보를 콘솔에 출력하세요.
- (답을 여기에 작성)
목록 구성 - GridView
- (미션) 2열 그리드로 6개의 제품 카드를 표시하는 GridView를 만드세요. 각 카드는 제품 이미지(아이콘으로 대체 가능), 제품명, 가격을 포함해야 합니다. GridView.builder를 사용하여 구현하세요.
- (답을 여기에 작성)
다이얼로그 위젯 - AlertDialog
- (미션) "삭제 확인" 버튼을 만들고, 이 버튼을 누르면 "정말 삭제하시겠습니까?"라는 메시지와 함께 AlertDialog를 표시하세요. 확인을 누르면 "항목이 삭제되었습니다."를, 취소를 누르면 "삭제가 취소되었습니다."를 콘솔에 출력하세요.
- (답을 여기에 작성)
다이얼로그 위젯 - BottomSheet
- (미션) "공유하기" 버튼을 만들고, 이 버튼을 누르면 BottomSheet가 올라오도록 구현하세요. BottomSheet에는 "페이스북", "트위터", "이메일"의 세 가지 공유 옵션을 표시하고, 각 옵션을 선택하면 선택한 플랫폼 이름을 콘솔에 출력하세요.
- (답을 여기에 작성)
탭 화면 구성하기
- (미션) "홈", "검색", "프로필" 세 개의 탭으로 구성된 화면을 만드세요. 각 탭에는 해당 탭의 이름을 중앙에 표시하세요. TabBar는 화면 하단에 위치시키고, 선택된 탭의 아이콘 색상은 파란색, 선택되지 않은 탭의 아이콘 색상은 회색으로 설정하세요.
- (답을 여기에 작성)