매일 땡기는 마라 코딩

요구사항 사전 지식 IconButton 사용법 ListView.builder 사용법 스크롤 위치 최상단 이동 방법 TextField의 값을 화면에 출력하는 방법 Icon 좌우반전하는 방법 TextField에 자음 모음 조합하여 출력하는 방법 Icon 컬러 조건에 따라 바꾸는 방법 코드 main.dart import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } class MyApp extends StatelessWidget { const MyApp({super.key}); // This widget is the root of your application. @override Widget build(BuildContext c..

요구사항 음식을 누르면 주문 리스트에 담기는 키오스크앱을 만들어봅니다. 음식이미지는 자유이며, 필요한 경우 위에 첨부된 파일을 이용하여도 됩니다. 하단에 떠있는 버튼을 누르면 지금까지 주문된 주문 리스트를 초기화합니다. 하단에 떠있는 버튼은 정중앙의 하단, 넓게 펴진 형태로 [ 초기화하기 ] 텍스트를 포함합니다. 음식이 보여지는 것은 [갤러리] 형태로 보여지게 하며, 검색을 통해 해결합니다. 그 외 UI 디자인은 자유입니다. 사전 지식 코드 main.dart import 'package:assignment2/OptionCard.dart'; import 'package:flutter/material.dart'; void main() { runApp(const MyApp()); } final foodList..

요구사항 과제 1. 다음 조건을 확인하고, 첨부된 3가지의 이미지 화면과 같은 결과를 만드세요. TextField를 두 개 사용하여 변수에 저장합니다. 사칙연산이 가능하도록 버튼을 4개 만듭니다. 각각의 버튼(+,-,*,/)를 누르면 해당 연산자에 맞는 결과값을 출력합니다. 이 때, 결과값은 **다이얼로그(Dialog)**로 출력합니다. Dialog란, 앱에서 팝업창처럼 화면위에 화면을 띄우는것을 말합니다. 일반적으로 showDialog가 있고, AlertDialog를 주로 사용합니다. 계산 결과를 result로 넣으면, 다이얼로그를 출력하는 예시코드가 제공됩니다. 해당 코드를 활용하여 결과를 화면에 출력하세요. 사전 지식 "Dialog" showDialog barrierDismissible : 바깥 영..

요구사항 음악명은 최대 2줄까지만 가능하다. 가수명과 플레이시간은 최대 1줄까지만 가능하며 필요한 경우 가수명을 줄인다. 음악의 정보를 보여주는 위젯을 만들고, 이름은 MusicTile로 한다. 사전 지식 "theme" MaterialApp의 theme 속성을 사용하면 앱 전체의 테마를 지정해 줄 수 있다. theme: ThemeData.from(colorScheme: ColorScheme.dart()) "shape" 모서리의 형태를 지정해 줄 수 있다. "ClipRRect" 모서리를 둥글게 만들 때 사용한다. borderRadius 속성을 사용하여 borderRadius: BorderRadius.circular(4)와 같이 작성한다. "Axis" mainAxis는 위젯의 기본 방향, crossAxis는..