오늘은 플러터로 프로젝트를 진행하다가 FloatingActionButton을 클릭했을 때2개의 동작을 할 수 있게끔 만들어주고 싶어서 어떻게 해야할지 고민하다가당근마켓 어플에 FloatingActionButton을 따라 만들어야겠다고 생각을 하게 되었다 지금 만들어 보긴 했는데,,, 똑같지는 않고 유사하다,,! 한 번 봐보도록 하자!  1, flutter_speed_dial 패키지를 pubspec.yaml 파일에 추가 이걸 가장 먼저 해줘야한다 왜냐하면 우리는 SpeedDial 이라는 새로운 패키지를 사용할 것이기 때문이다!   이렇게 추가를 해주고 pub get을 눌러주면 패키지 추가가 완료 되었다!   2, SpeedDial을 사용하는 함수 만들기 나 같은 경우에는 bottomNavi로 연결된 홈화면..

저번 블로그에 이어서 이번 블로그에선Firebase에 저장된 데이터를 수정하는 방법에 대해 정리를 해보려고 한다상황을 간단하게 설명하자면userLevel 이라는 컬렉션 내부에'userLevel' 이라는 필드에 1을 추가해주고'userExValue'라는 필드를 0으로 수정해주면 된다즉 레벨 형태로써 userExValue의 값이 100이상이 될 경우 레벨을 1업 하고 경험치를 초기화 하는 것이다  DataSource 가장 먼저 파이어베이스에서 나의 userUid를 가지고 있는 문서를 찾아주고수정하는 코드를 구현한다 //userUid에 맞는 데이터 가져와서 레벨 1 올리고 경험치 초기화하기 FutureupdateUserLevel(String userUid)async{ QuerySnapshot query..

오랜만에 블로그를 써본다,,,최근에 프로젝트와 창업 준비 때문에 정신이 없다보니 블로그를 쓸 시간이 부족했었던 거 같다,,하지만 Flutter를 공부하면서 새롭게 배우게 된 것들이 많은데 하나도 기록을 하지 않고개발만 하다보니 문득 블로그의 중요성을 다시 깨닫게 되어서오늘부터 다시 마음을 다 잡고 써보려고 한다,,, Flutter에서 Firebase저장하기 첫 번째로 model을 만들어야한다코틀린에서는 DataClass를 사용했었는데플러터에서는 freezed라는 패키지를 사용했다   그렇다면 freezed란 무엇일까? freezed 패키지란 Flutter에서 불변객체를 쉽게 만들기 위해 제공되는 도구이다주로 model 클래스를 생성하는데 사용되며, model을 쉽게 다룰 수 있는 다양한 기능을 제공합니다..

최근 프로젝트를 하나 하면서 시간을 선택하는 화면을 만들어야 하는데블로그를 찾아봐도 내가 원하는 형태가 잘 나오지 않아서 이렇게 블로그를 작성하게 되었다 내가 만들고자 하는 형태! 이런 식으로 BottomSheet을 만들어서 사용자가 시간을 선택하게 하고 싶었다,,!  그래서 CupertinoDatePicker를 사용해보았다 기본적으로 코드는 이렇게 만들어주었다Expanded( child: CupertinoDatePicker( mode: CupertinoDatePickerMode.time, use24hFormat: false, initialDateTime: DateTime.now(), ..

오늘은 플러터에서 Timer를 만들어보았다처음에는 어떻게 만들어야 할 지 잘 모르겠어서 블로그를 찾아봤는데 Timer만 있거나 또는 CircularProgressIndicator만 활용해서 구현한 타이머들 밖에 볼 수 없었다하지만 나는 그 두가지를 다 이용하여 구현을 해야했기 때문에한 번 구현을 해보았다!  우선 가장 먼저 내가 몇 분을 지정할 것인지와 타이머 객체등을 만들어줬다  static const maxSecond = 1500; //25분 int remainingSecond = maxSecond; // 남은 시간 Timer? _timer; bool isRunning = false; 옆에 주석을 보면 이해가 편할 거 같다  다음으로는 버튼을 통해서 타이머를 시작해줄 것이기 때문에함수를 하나 ..

최근 활동하고 있는 팀의 MVP가 간략하게 나오게 되어서혼자 연습도 할 겸 만들어보고 있었는데이제 기획을 해주신 분들께서 리스트뷰인데 내가 원하는 위치로 순서를 바꿀 수 있는? 리스트 뷰를 생각하고 계신 거 같아서나도 한 번 만들어보았다! 블로그를 찾아보니 ReorderableListView를 사용하면 된다고 해서처음 사용을 해보았다! class _PracticeState extends State { @override Widget build(BuildContext context) { return ReorderableListView.builder( itemBuilder: itemBuilder, itemCount: itemCount, onReorder: on..