sd4beatles 님의 블로그

1. Dismissible웹을 사용할때, 손가락으로 swiping해서 제거하는 경우를 많이 보았을 것이다. 이러한 기능을 우리 어플에게도 구현을 해보도록 하자. 이럴 때,쓰는 것이 바로 Dismissble이라는 클래스인데, 이는 아래와 같다."Dragging or flinging this widget in the DismissDirection causes the child to slide out of view."Dismissible({required Key key, required Widget child,...)1) Dismissible : Widget child (required)현재 우리의 어플 같은 경우엔, 지우고 싶은 item은 ExpenseItem이며, 해당되는 index의 expense를 집어..

1. Flutter 문법1.1 setState()setState()는 framework에게 현재 객체의 상태가 바뀌었다는 것을 알려주는 method이다. 그렇지만, 여기에는 정말로 주의할 점이 있는데 이는 아래와 같다."변수의 선언 위치가 정말로 중요하다! 변수의 선언 위치에 따라서 변경이 되지 않을 수 있다" *import 'package:flutter/material.dart';class MyWidget extends StatefulWidget { const MyWidget({super.key}); @override State createState() => _MyWidgetState();}class _MyWidgetState extends State { @override Widget buil..

1. TextEditingController Class이전의 방식으로 text filed의 값을 조정하는 방법은 사실 초기변수를 선언해야하고, 그리고 user가 interface를 통해서 값을 집어넣으면,이를 수정하는 함수를 선언도 했어야 했다. 그러나, 이러한 방식은 사실 상당히 귀찮다는 것을 알수가 있다. 이러한 코드라인을 간결하게 해주는 flutter에서 제공되어지는 TexEdigingController class를 대안으로 고려해볼 수 있다."If you modify the text or selection properties, the text field will be notified and will update itself appropriately."이의 공식문서 한 문장이 이 class를 잘 대..

## 3.1 Setting an AppBar with a Tittleuser가 자산의 expense를 추가할 수 있도록 해주는 하나의 장치를 추가하려고 한다. 이때, 자주 쓰이는 app layout이 바로 appbar이다. 이러한 기본적인 틀을 이용하여 앱의 모양을 만들도록 하자.3.1.1 appBar 설정expenses.dart 파일로 이동해서, 추가적인 코드를 집어넣어 보자. scaffold 부분에서 appBar option을 사용하도록 하자. 이때, 주의할 점은 appBar option은 특정 widget을 매개변수로 받게되어있는데, 이때 우리는 AppBar를 사용하도록 하겠다.@overrideWidget build(BuildContext context){ return Scaffold( ap..

1. Introduction지금까지, 우리는 위의 화면을 만들었으며, 우리는 지금까지 widgets을 저장할 수 있는 폴더를 생성해서 담아두도록 하자.- lib|-models|-widgets|-expense\_item.dart|-expenses\_list.dartexpense_item의 widget class는 아래같이 정의내려 진다.import 'package:flutter/material.dart'; import 'package:expense\_tracker/models/expense.dart';class ExpenseItem extends StatelessWidget{ const ExpenseItem(this.expense,{super.key});final Expense expense;@over..

1. Defining Expenses/Expense Widget Class간략하게 StatefulWidget를 정의할 class를 만든다. 현재 step에선 부가적인 기능이 들어가기 전이라 Scaffold(앱의 뼈대를 위한 구성요소를 제공하는 Widget)에 임시 Text Widget을 집어넣는다.import 'package:flutter/material.dart';class Expenses extends StatefulWidget{ const Expenses({super.key}); @override StatecreateState(){ return _ExpensesState(); }}class _ExpensesState extends State{@overrideWidget build(Bui..