문서 삭제를 먼저 알아보자. 귀찮으니까 MyGet 클래스에 몰아넣을 것이다. class MyGet extends HookWidget { const MyGet({Key? key}) : super(key: key); @override Widget build(BuildContext context) { final myDataList =...

지금까지 우리는 파이어스토어에 글을 올렸는데, 문제는 name으로 이미 doc이 네이밍되어 있어 계속해서 값이 바뀐다는 점이다. 따라서 우리는 새로운 값을 저장할 필요성이 있다. 이번에는 main 함수 내의 부분을 MyGet.dart로 옮기고, MyGet은 이름을 바꿔 MyRequest로 해보자. MyRequest.dart class MyWrite...

지난번 코드를 이어서 쓸 거지만, 너무 난잡하니 일단 상태 관리 Inherited Widget을 통해 조금 다듬기로 한다. main.dart import 'package:firebase_core/firebase_core.dart'; import 'package:flutter/material.dart'; import 'package:flutter_ho...

useState() 부분을 보면 인자로 ValueNotifier를 받는다는 것을 알 수 있다. 즉, 우리는 ValueNotifier를 통해 build 함수 밖에서 useState()를 이용할 수 있게 된다. final ValueNotifier<String?> name; final ValueNotifier<int?> age; ...

파이어베이스를 등록했으니 이제 FireStore에서 Firestore Database와 Firestore Storage를 연동해보자. Cloud FireStore를 만든다. 그리고 Storage를 만든다. 둘 모두 규칙에 들어간다. allow read, write: if false;로 나오는데, false를 true로 바꿔준다. 이러면 읽기와 쓰기를...

플루터로 만드는 앱이 자그마하다면 상태 관리의 필요성은 없다고 봐도 무방하다. 그런데 규모가 아주 조금이라도 커질 경우 문제가 생기는데, 예컨대 메인은 HomeScreen으로 연결하고, HomeScreen은 1로 연결, 1은 2로 연결, 2는 3으로 연결이라고 쳐보자. 그런데 3에서는 a라는 프로퍼티를 필요로 한다. a는 HomeScreen에 존재한다...

flutter에서 firebase를 사용하기 위해서는 또다른 설정이 필요하다. flutter pub add firebase_core flutter pub get 그리고 main 함수를 다음과 같이 바꿔준다. void main() async { runApp(const MyApp()); WidgetsFlutterBinding.ensureIn...

firebase는 쉽게 생각하면 백엔드 서비스를 쉽게 제공해주는 곳이다. 일단 설치에 Node.js가 필요하고, 프로젝트 추가도 알아서 할 것이라 믿는다. 알려주는 곳도 많지만, 그냥 공식 레퍼런스를 따라도 너무나도 쉽게 설치가 된다. !https://console.firebase.google.com/?hl=ko 다만 로그인을 할 적에 문제가 되는데...

import 'package:flutter/material.dart'; import 'package:flutter_hooks/flutter_hooks.dart'; void main() { runApp(const MyApp()); } class MyApp extends HookWidget { const MyApp({super.key}); ...

이번 시간에는 imagePicker를 이용해볼 것이다. asset이 아닌 폴더에 적용된 것도 불러올 것이다. 전체 코드 먼저 image_picker를 인스톨한다. flutter pub add image_picker flutter pub get 그다음 우리의 메인 화면을 만든다. Widget notImage () { return Ges...