분류 전체보기 (262) 썸네일형 리스트형 플러터(flutter) firestore 데이터 Read 방법 1. 도큐먼트 스냅샷 이용 1. 메인함수에 추가 2. firestore를 사용할 클래스에 instance 생성 3. 데이터베이스의 collection과 document를 정하여 데이터 읽기 방법2. Map 형식을 이용함 1. 메인함수에 추가 2. firestore를 사용할 클래스에 instance 생성 및 Map 생성 3. 데이터베이스의 collection과 document를 정하여 데이터 읽기 플러터(flutter) GestureDetector 이벤트 및 Navigator Widget Information(BuildContext context) { return Container( width: MediaQuery.of(context).size.width, padding: const EdgeInsets.only(top: 10), // 제스터 이벤트 child: GestureDetector( behavior: HitTestBehavior.opaque, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( padding: const EdgeInsets.only(left: 30), child: Text( '내 정보 확인 / 변경', style: TextStyle(fontSize: 2.. 플러터(flutter) 버튼 클릭시 진동 쿠퍼티노 버튼 이용 Container( padding: const EdgeInsets.only(right: 10, left: 10), width: MediaQuery.of(context).size.width, child: CupertinoButton( child: Text('내 정보 변경하기'), color: Colors.lightGreen, onPressed: () { HapticFeedback.mediumImpact(); // 버튼 클릭 시 진동울림 Navigator.push( context, CupertinoPageRoute( builder: (context) => InformationUpdate(), )); }), ), 플러터(flutter) 베너 달기 (이미지 이용) class Page3 extends StatefulWidget { const Page3({Key? key}) : super(key: key); @override _Page3State createState() => _Page3State(); } class _Page3State extends State { List imgList = [ 'https://images.unsplash.com/photo-1522205408450-add114ad53fe?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=368f45b0888aeb0b7b08e3a1084d3ede&auto=format&fit=crop&w=1950&q=80', 'https://images.unsplash.com/photo-151.. 플러터(flutter) Android FCM 백그라운드, 포그라운드 알림 flutter + firebase FCM을 이용하여 알림 PUSH -- Android 1. Flutter 프로젝트 생성 - flutter_firebase_test_app 프로젝트 생성 2. 패키지 주소 확인 - 프로젝트/android/app/src/main/AndroidManifest.xml 파일 안에서 확인 - 패키지 주소 = com.example.flutter_firebase_test_app 이라는 것을 확인하였음 3. Firebase 생성 3.1 Firebase 프로젝트 추가 3.2 프로젝트 이름 설정 - 원하는 firebase 프로젝트 이름 생성 3.3 프로젝트 옵션 선택 - FCM 테스트 목적이기 때문에 애널리틱스는 사용하지 않음 3.4 프로젝트가 만들어지는 동안 기다리기 3.5 프로젝트 생성 .. 다트(dart) final 과 const의 차이 final, const 키워드 둘 다 한번 변수에 설정한 값을 재설정할 수 없다. void main() { const String name = "식식"; final int age = 25; name = "식식이"; // error age = 26; // error } 차이점 const const DateTime nowA = DateTime.now(); //error print(nowA); //error const는 컴파일 시 상수를 설정하기 때문에 런타임에서 코드가 실행되야 알 수 잇는 DateTime.now()의 값을 알 수 없어서 오류 발생 final final DateTime nowB = DateTime.now(); print(nowB); // 정상적으로 출력 final은 런타임 시 상수를 설정하기.. 다트(Dart) 변수와 타입 변수 선언 Dart 에서 변수 선언할 때 var 와 dynamic 키워드를 지원한다. var과 dynamic의 차이는 var은 타입 변경이 불가능하고 dynamic은 타입 변경이 가능하다. var를 사용한 변수 선언 var로 한 번 초기화된 데이터 타입은 다른 데이터 타입으로 변경이 불가능함 dynamic를 사용한 변수 선언 dynamic 타입은 모든 타입을 받을 수 있고 다른 타입으로 변경 가능하다. 7. 플러터(flutter) Hot Reload Hot reload (핫 리로드) : 앱이 실행되고 있는 상태에서, 앱의 상태를 유지한 채로 변경사항을 적용시켜주는 기능. Hot Reload를 통해 빠른 개발 사이클을 가질 수 있음 위 코드를 실행시 앱바 부분에는 Flutter Demo Home Page라고 나타난다. Hot Reload 기능을 이용하여 25째 라인을 Hello World로 변경 해보겠다. 앱바 부분이 Hello World로 변경된 것을 볼 수 있다. 앱을 개발하며 수정시 바로바로 확인이 가능할 것 같아 너무 좋은 기능 같다!! 이전 1 ··· 29 30 31 32 33 다음