매일 땡기는 마라 코딩

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

요구사항 음료 이미지는 CircleAvatar를 사용하며 48의 반지름크기를 갖는다. 음료 영문명의 font size는 14pt이며 회색으로 w200의 굵기를 가진다. 음료의 정보를 보여주는 위젯을 만들고, 이름은 DrinkTile로 한다. 사전 지식 "bottomSheet" 하단 메뉴나 액션을 표시하기 위해 사용한다. 스크롤에 따라 위치가 변하지 않는다. 항상 볼 수 있는 Persistent BottomSheet와 일시적으로 사용하는 Modal BottomSheet로 나눌 수 있다. 높이, 색상 등을 지정할 수 있다. "mainAxisAlignment, crossAxisAlignment" Row, Column을 정렬하기 위해 사용한다. Row(행)은 가로가 main이 된다. Column(열)은 세로가 ..

요구사항 기분을 나타내는 위젯을 3가지 이상 만들고, 페이징이 가능하게 해야 한다. (gradient, radius 필수) ListTile 위젯을 사용하지 않고, 동일한 결과물을 만들어야 한다. (위아래 구분하는 구분선은 Divider로) 내가 해야 하는 건? gradient, Radius, Divider에 대해 자세히 찾아 본다. margin, padding 등의 속성값에 대해 알아 본다. 사전 지식 "EdgeInsets" paddig, margin의 값을 조정할 때 사용한다. all, only 등 여러 옵션이 있다. all: 전체 영역 여백 지정 margin: EdgeInsets.all(8) only: 특정 영역 여백 지정 margin: EdgeInsets.only(top: 230) fromLTRB:..

요구사항 1일차 과제 제공된 예문을 사용해 예시와 동일한 결과물 만들기 RichText 위젯 사용 Text, Column 위젯 사용불가 style을 지정한 위젯은 4가지 이상 문단은 3문단 이상 그럼 내가 해야 하는 건? RichText 문법 알아보기 RichText와 Center 같이 쓴 예시 찾아보기 글자 색 지정/글자 크기 지정/취소선/볼드체/배경 색 지정 관련 Style 알아보기 사전 지식 "RichText" RichText는 위 사진과 같이 트리 구조로 이루어져 있다. 여러 스타일을 혼합해 표현할 때 사용하는 위젯이다. Center로 배치하고 싶다면, body를 Center로 설정하고, children으로 RichText 위젯을 사용한다. 적용한 Style textAlign: TextAlign...