일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | ||||||
2 | 3 | 4 | 5 | 6 | 7 | 8 |
9 | 10 | 11 | 12 | 13 | 14 | 15 |
16 | 17 | 18 | 19 | 20 | 21 | 22 |
23 | 24 | 25 | 26 | 27 | 28 |
- 회원가입
- swift
- Kotlin
- 이메일
- java
- Android
- Provider
- non-nullable
- UserAccountsDrawerHeader
- Null Safety
- 정보처리기사
- firebase_auth
- flutter
- 변수
- 안드로이드 스튜디오
- setState
- BottomNavigationBar
- 로그인
- firebase
- StatefulWidget
- IOS
- dart
- 함수
- GetX
- go_router
- auth
- 상태관리
- Cocoa touch Framework
- 1과목
- 안드로이드
- Today
- Total
목록flutter (25)
앱 개발 공부방
오버라이드는 부모 클래스에 정의된 메서드를 재정의 할 때 사용됩니다 https://cpcp127.tistory.com/63 flutter - dart문법 상속 상속은 어떤 클래스의 기능을 다른 클래스가 사용할 수 있게 하는 기법입니다. 기능을 물려주는 부모 클래스, 물려받는 클래스인 자식 클래스가 있습니다 class 자식 extends 부모 의 구조를 사용합 cpcp127.tistory.com 먼저 상속에 대해 보고 오시는걸 추천합니다 부모클래스 Idol class Idol { final String name; final int count; Idol(this.name, this.count); void sayName(){ print('저는 부모 $name입니다'); } void sayCount(){ pri..
Null safety null 관련 에러를 runTime이 아닌 edit time에 체크해서 코드가 작성될 때 null 에러가 발생할 수 없게 해 줍니다 즉 모든 변수는 null이 될 수 없고(non-nullable) null이 들어가려면 선언 시? 를 사용하여 nullable 변수로 선언한다 void main() { int ageNull; int? ageNullable; print(ageNull);//error: The non-nullable local variable 'ageNull' must be assigned before it can be used. print(ageNullable); } 이렇던?를 붙이지 않으면 위처럼 non-nullable을 사용하려면 초기화를 시켜줘야 한다 void main..

https://pub.dev/packages/provider provider | Flutter Package A wrapper around InheritedWidget to make them easier to use and more reusable. pub.dev flutter pub add provider 위처럼 provider를 추가해줍니다 첫 프로젝트 생성 시 나오는 count app을 조금 수정한 provider count app을 만들어 보겠습니다 먼저 provider에서 알아야 할 3가지 1. ChangeNotifier 값이 변경되면 리스너에게 notify 할 수 있는 클래스 2. ChangeNotifierProvider 하위 위젯에 "ChangeNotifier"를 제공해주는 클래스 3. Co..

먼저 프로젝트에서 Authentication 탭을 클릭하고 이메일/비밀번호를 활성화해줍니다 이제 코드로 돌아와 pubspec.yaml에 필요한 것들을 추가해줍니다 firebase_auth: ^3.0.2 firebase_core: ^1.5.0 https://pub.dev/packages/firebase_auth firebase_auth | Flutter Package Flutter plugin for Firebase Auth, enabling Android and iOS authentication using passwords, phone numbers and identity providers like Google, Facebook and Twitter. pub.dev https://pub.dev/packa..

1. 프로젝트 생성 1-1 프로젝트 이름 지정 1-2 애널리틱스 계정 선택 default로 설정 프로젝트가 만들어졌다면 앱과 연결 시키기 안드로이드 버튼을 눌러서 앱 연동 시작 패키지 이름, 앱 이름, sha-1 인증서 등록 패키지 이름은 android->app->src->main->AndroidManifest.xml 파일에서 확인할수있다. ex) com.example.login sha-1 인증서 쉽게 찾는법은 android->app->build.gradle 파일을 들어가면 상단에 Open for Editing in Android Studio가 있다 클릭해준다 들어가서 왼쪽 상당에 Gradle이 있는 클릭해서 android->Tasks->android->signingReport를 눌러주면 아래 사진처럼 ..

Getx GetX는 Flutter를 위한 매우 가볍고 강력한 솔루션입니다. 고성능 상태 관리, 지능형 종속성 주입 및 빠르고 실용적인 라우트 관리가 결합되어 있습니다. 설치 dev_dependencies: flutter_test: sdk: flutter get: ^4.3.0 사용할 파일에 추가 import 'package:get/get.dart'; main.dart import 'package:tistory/test2_view.dart'; import 'package:tistory/test_controller.dart'; import 'package:tistory/test_view.dart'; void main() { runApp(const MyApp()); } class MyApp extends Sta..

StatefulWidget Life cycle StatefulWidget의 생명주기는 다음과 같다 출처 https://betterprogramming.pub/stateful-widget-lifecycle-a01c44dc89b0 The Stateful Widget Lifecycle One of the most common questions in Flutter job interviews betterprogramming.pub 1. createState() @override State createState() => _MyHomePageState(); statefulWidget의 필수 메서드로서 state 객체를 생성한다 2. initState() @override void initState() { super...

위 사진처럼 listview를 만들고 listview 아이템들을 옆으로 스와이프 해서 삭제하는 걸 만들어 보겠습니다. import 'package:flutter/material.dart'; class MyListView extends StatefulWidget { @override _MyListViewState createState() => _MyListViewState(); } class _MyListViewState extends State { final items = List.generate(20, (i) => "Item ${i + 1}"); @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: T..