Flutter 썸네일형 리스트형 [Flutter] 매우 쉽게 Flutter 푸시 메세지(FCM) 사용하기 시작 전 프로젝트에 firebase 설정 [FlutterFire] 아주 쉽게 Flutter프로젝트 Firebase 설정 (with firebase CLI) Firebase CLI 설치 및 로그인 curl -sL https://firebase.tools | bash 위 명령어를 입력하고 password를 입력하면 cli가 설치된다. version 명령어를 통해 설치가 되었는지 확인 firebase login firebase logi.. kanoos-stu.tistory.com FCM 라이브러리 추가 flutter pub add firebase_messaging 위의 명령어를 통해 자신의 flutter 버전에 맞는 fcm 라이브러리를 추가한다. firebase_messaging | Flutter Packa.. 더보기 [FlutterFire] 아주 쉽게 Flutter프로젝트 Firebase 설정 (with firebase CLI) Firebase CLI 설치 및 로그인 curl -sL https://firebase.tools | bash 위 명령어를 입력하고 password를 입력하면 cli가 설치된다. version 명령어를 통해 설치가 되었는지 확인 firebase login firebase login 명령어를 입력하면 위의 로그와 함께 로그인할 계정 선택 화면이 나와 간편하게 로그인을 할 수 있다. 로그인 완료 Firebase CLI 참조 | Firebase Documentation firebase.google.com Flutter 프로젝트 firebase 설정 및 연결 dart pub global activate flutterfire_cli flutterfire_cli 활성화가 되면 위 명령어를 입력하게되면 flutterf.. 더보기 [Flutter] Dart에서 const와 final의 차이점 const 와 final 둘은 값을 한 번 지정하게 되면 바꿀 수 없다는 공통적인 속성을 가지고 있다. 하지만 다른점이 존재하는데 가장 큰 차이점은 생성 시점이라고 볼 수 있다. const 위의 코드와 같이 인스턴스를 생성하는 코드를 만났을 때 일반적인(const가 아닌) 인스턴스화 시 무조건 새로운 인스턴스를 생성한다. 하지만 const로 선언된 변수 또는 위젯의 경우 생성을 앱이 시작될 때 메모리에 같이 등록하여 해당 생성 시점에 실질적으로 새로 생성되는것이 아닌 기존에 메모리에 올라가있던 인스턴스를 매번 재사용하게 된다. setState 등 상태 변경에서 새로운 인스턴스를 생성하고 기존의 인스턴스는 메모리에 남게 되어 일정 시점에서 GC에 의해 지워지는데 빈번한 생성은 메모리 효율을 저하시킬 수 있.. 더보기 [Flutter] GetX를 사용해야할 이유3 - 종속성 관리(의존성 주입, 바인딩) GetX의 의존성 주입 flutter에도 여러가지 의존성 주입 라이브러리가 있지만 GetX에서도 의존성 주입을 지원한다. 페이지를 실행할 때 의존성 주입 방법 GetX를 통해 페이지를 실행할 때 의존성을 주입하는 방법은 기본적으로 4가지를 지원한다. 해당 주입 방법들은 페이지가 종료될때 GetX에서 자동으로 인스턴스를 모두 메모리에서 날려준다. [GETX] Instance "DependencyController" has been created [GETX] "DependencyController" deleted from memory 위의 로그와 같이 생성될때와 삭제될 때 GetX에서 로그를 남겨 확인이 가능하다. Get.put() 해당 페이지가 시작될때 인스턴스가 생성된다. Get.to(const Next.. 더보기 [Flutter] GetX를 사용해야할 이유1 - Route Get - Route route는 flutter 에서 화면의 이동을 위해 navigator 와 함께 사용된다. Navigator.of(context).push(MaterialPageRoute(builder: (_) => const FirstPage())) 기본적인 코드는 다음과 같은데, 간다하다고 볼 수도 있지만 화면 이동은 빈번하게 일어나는 만큼 코드를 자주 쓰는것에 비해 그리고 화면 전환에 여러가지 방식들이 있는걸 감안하면 가독성이 떨어지고 길다고 느껴질 수도 있다. 이 문제들은 Get의 route 기능을 통해 완벽하게 해결할 수 있다. 기본 화면 전환 // 기존 flutter route code Navigator.of(context).push(MaterialPageRoute(builder: (_).. 더보기 [Flutter] Flutter NaverMap 사용 (Null safety version) NaverMap 의존성 추가 dependencies: flutter_naver_map: [최신버전] https://pub.dev/packages/flutter_naver_map flutter_naver_map | Flutter Package flutter naver map plugin support android and iOS. naver map service is limited to south korea which has high accuracy. pub.dev naver map api 사용 설정 https://console.ncloud.com/naver-service/application Flutter code naver map 화면 추가 더보기 import 'dart:async'; import 'd.. 더보기 [Flutter] 간단한 Flutter 권한 요청 라이브러리 사용 (with. permission_handler) permission_handler 라이브러리 의존성 주입 pub.dev에서 flutter의 permission 관리용 라이브러리의 의존성을 받아온다. # pubspec.yaml dev_dependencies: permission_handler: ^9.2.0 https://pub.dev/packages/permission_handler permission_handler | Flutter Package Permission plugin for Flutter. This plugin provides a cross-platform (iOS, Android) API to request and check permissions. pub.dev permission_handler 라이브러리 사용 location 권한을 기준.. 더보기 이전 1 다음
