✏️공부기록

pub.dev/packages/syncfusion_flutter_charts syncfusion_flutter_charts | Flutter Package A Flutter Charts library which includes data visualization widgets such as cartesian and circular charts, to create real-time, interactive, high-performance, animated charts. pub.dev 다행히 프로젝트에 사용했던 chart는 막대그래프였기 때문에, 차트를 custom할 필요가 없었다. project 내의 pubspec.yaml 파일에 패키지 추가해주기 syncfusion_flutter_charts: ^22.2.9..

shared_preferences 데이터베이스를 사용하지 않아도 장치내에 데이터를 저장 가능해 데이터를 손쉽게 관리할 수 있는 패키지이다. https://pub.dev/packages/shared_preferences shared_preferences | Flutter Package Flutter plugin for reading and writing simple key-value pairs. Wraps NSUserDefaults on iOS and SharedPreferences on Android. pub.dev 패키지 설명 페이지를 참고했다. 프로젝트 내의 pubspec.yaml 파일을 열어, dependencies아래에 코드 추가 shared_preferences: ^2.2.0 Shared Pre..

크게 중요한 내용은 아니지만, Container와 SizedBox의 차이점이 문득 궁금해져서 정리해보았다. Container Container는 정말 자주 사용하는 위젯 중 하나이다. SizedBox에 비해 더 많은 제어와 구성 옵션을 제공하는 상자 모양의 위젯이다. 자식 위젯을 포함할 수 있고, 해당 자식의 위젯의 크기와 위치를 조절할 수 있다. Container( width: 300, height: 200, decoration: BoxDecoration( border: Border.all( color: Colors.black, width: 2.0, ), ), BoxDecoration을 통해 자식 위젯 없이 바로 decoration이 가능해서 편리하다. 위의 코드를 보면 테두리를 2.0의 두께로 con..

데이터 청년 캠퍼스에서 하는 프로젝트에서 페이지간 이동이 너무 많아서 페이지끼리 자연스럽게 이동하는 것 처럼 보이는 경로를 지정하는데도 개발하는 내내 고민이 되었다🥹 Navigator.push 활용 플러터에서 다양한 페이지 전환 방법이 있는 것으로 알고 있는데, 우선 가장 쉽게 사용할 수 있었던 방법을 먼저 정리해보고자 한다. Navigator.push 원하는 페이지로 이동하는 것 Navigator.pop 이전 화면으로 되돌아오는 것 Navigator.push( context, MaterialPageRoute( builder: (context) => const HomePage(), ), class HomePage extends StatefulWidget { const HomePage({Key? key})..

다음으로 만들어 본 것은 DropDownButton이다. DropDownButton을 통해 다음 페이지로 연결 될 수 있도록 페이지를 구성했다.DropDownButton은 text 바로 밑에 위치하도록 했다.     여기서 문제가 되었던 것은 다른 에뮬레이터로 작동시 컨테이너 박스와 DropDownButton이 분리가 된다는 점이었다🥹처음에 Positioned 위젯을 사용해서 반응형으로 만들지 못해 분리가 된다고 생각했지만, 위젯 페이지를 분리하는 과정에서 Container 내부에 DropDownButton을 감싸지 못하는 실수가 발생했다.  Widget build(BuildContext context) { return Container( padding: const EdgeInsets.o..

이번 프로젝트는 flutter와 firebase를 활용해 앱을 만드는 것이다. 약 일주일정도 자투리 시간을 투자해서 UI를 만들어보았는데, flutter의 widget을 사용한 경험을 기록하려고 한다! 가장 처음으로는 메인페이지를 만들고, 메인페이지에 여러 페이지를 연결하려고 했다. 그리고 페이지를 만드는데, 혼자만의 목표로 설정한 것은 주어진 UI에서 최대한 벗어나지 않으려고 노력했다. Flutter Widget 오랜만에 flutter를 사용해보아서 기본 적인 것들을 모두 까먹어서 개념을 정리하면서 코드를 짰다...😅 StatelessWidget vs StatefulWidget StatelessWidget은 변경 불가능한 위젯을 나타낸다. 생상 된 후에 그 상태는 변경할 수 없고, 단순한 텍스트나 이미..

Flutter는 Homebrew를 통해 Mac에서 훨씬 간단한 절차로 설치 가능하다. 1. flutter 설치 ==> it seems there is already a binary at '/opt/homebrew/bin/dart'. Installing Cask flutter 후 위 문장이 반복되며 에러로 나타났다. flutter안에 dart sdk가 포함되어 있어 미리 설치되어 있던 dart 때문에 flutter가 깔리지 않았던 것이다🥲 경로를 어떻게 재설정해야하는지 몰라서, 깔려 있던 dart를 제거한 후 다시 flutter를 다운로드를 하니 문제가 해결되었다! 어차피 flutte안에 dart가 내장되어 있어서 dart를 사용하는데도 문제가 없었다. 2. 안드로이드 스튜디오 설치 안드로이드 스튜디오는 ..