이코노딩

✅ 파이어베이스 콘솔에서 프로젝트 생성 ✅ 앱 추가 Flutter ✅ FireBase CLI 실행 *️⃣ 한번 로그인을 하면 자동으로 로그인된다 #️⃣ 로그인 명령어 $ Firebase Login을 입력하면 자동으로 구글 브라우저가 실행되어 로그인 가능 ✅ Flutter Project 생성 ✅ 해당 프로젝트 터미널에 프로젝트 명령어 입력 *️⃣ 원하는 플랫폼 선택 방향키와 스페이스바 이용 해당 문구가 뜨고 lib폴더에 firebase_options.dart파일이 생성되면 완료 ✅ firebase_core 패키지 다운로드 pubspec.yaml 파일에 dependeces에 firebase_core: 패키지 입력후 $pub get ✅ main()에 초기화 옵션 넣어주기 #️⃣ 예전 버전보다 훨씬 편해졌다.

▶상태관리 플러터에서 상태변화는 setState()메소드를 호출하여 변화 시켜주는게 기본 하지만, setState는 화면 전체를 리빌드 시키기 때문에 상태변화가 일어나지 않는 부분 까지도 리빌드가 이루어져, 자원낭비가 높다. 이를 위한 여러 라이브러리가 있는데 그 중, GetX에 대하여 공부해보겠다. ▶GetX https://pub.dev/packages/get get | Flutter Package Open screens/snackbars/dialogs without context, manage states and inject dependencies easily with GetX. pub.dev GetX를 사용하면서 느낀건, context를 안쓰는게 너무 편하다는 점이다. 예를 들어 화면 라우팅을 할 ..

✔ Flutter Scroll Widget 옵션 중 Physics 종류 1️⃣ NeverScrollableScrollPhysics 기능: 스크롤 잠금, 2️⃣ AlwaysScrollableScrollPhysics 기능: 3️⃣ BouncingScrollPhysics 기능: Edge부분에서 바운싱되는 효과 4️⃣ ClampingScrollPhysics 기능: 5️⃣ FixedExtentScrollPhysics 조건: FixedExtextScrollController를 사용한 ScrollView에서만 사용가능 기능: 6️⃣ PageScrollPhysics 기능: 구역을 페이지로 나눠서 이동 즉, 조금씩 스크롤 불가능 7️⃣ RangeMaintainingScrollPhysics 기능: 8️⃣ ScrollPhy..

간단한 상태관리를 하기 위한 Provider 예시 1. ChangeNotifier 클래스 만들기 위젯에 쓰일 상태변경이 필요한 함수, 변수 등을 모아 클래스로 만들어 준다. 예를 들어 배달의 민족과 같은 앱을 모델로 생각했을 때, 장바구니로 기준을 잡고 모델을 구축한다. 장바구니에 필요한 모델 예시) 주문리스트, 부분선택 체크박스 리스트, 전체선택 값 등 ▶Model class Order{ String productName; int price; int count; Order({ required this.price, required this.productName, required this.count, }); } ▶Provider (ChangeNotifier은 with을 해도되고 extends해도된다 상황에..

▼자세한 내용▼ https://pub.dev/packages/connectivity_plus/changelog connectivity_plus | Flutter Package Flutter plugin for discovering the state of the network (WiFi & mobile/cellular) connectivity on Android and iOS. pub.dev 1. 설치 dependencies: connectivity_plus: ^3.0.2 pubspec.yalm 파일에 dependence해준 후 Pub get import 'package:connectivity_plus/connectivity_plus.dart'; 2. Example Code 먼저, 사용할 변수를 선언 //..

▶Game3(몸으로말해요) 옵션 페이지 몸으로 말해요 게임은 분 단위로 타이머 지정과 게임의 난이도를 위해 주제를 선정 할 수 있게 만들었다. 랜덤은 모든 주제를 섞인채로 진행되게 모든 리스트를 하나의 List로 만들어서 선택창에 넣었다. ●필수 기능 1. 타이머 지정 2. 주제지정 ▶코드 class Game3Option extends StatefulWidget { const Game3Option({Key? key}) : super(key: key); @override Game3OptionMenu createState() => Game3OptionMenu(); } class Game3OptionMenu extends State{ final List_ListCon = ['동물', '음식', '스포츠', '..

▶ Game2(폭탄게임) 옵션 페이지 Game1과는 다르게 플레이어수는 필요없고 타이머 랜덤 지정과 가리기 보이기를 정할 수 있게 하였다. ●필수기능 1. 스위치로 타이머 가림막모드 지정 2. 스위치로 타이머 short(10 ~ 60), Long(50 ~110) 랜덤 생성 3. 바텀시트로 How to play 지원 ▶코드 class Game2 extends StatelessWidget{ const Game2({Key? key}) : super(key: key); @override Widget build(BuildContext context) { SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp,DeviceOrientation.port..

▶ Game1(초성게임) 옵션 페이지 ●필수 기능 1. 인원수, 타이머 선택 옵션 2. 게임 진행 설명창 ▶코드 class Game1 extends StatelessWidget { const Game1({Key? key}) : super(key: key); @override Widget build(BuildContext context) { //화면 세로고정 SystemChrome.setPreferredOrientations([DeviceOrientation.portraitUp,DeviceOrientation.portraitDown]); return MaterialApp( title: "초성게임", debugShowCheckedModeBanner: false, home: Game1Option(), ); }..