그 땐 App했지/그 땐 Flutter했지 (17) 썸네일형 리스트형 [TAVE/Study]Do it! Flutter 10장 데이터베이스에 데이터 저장하기③ 211011 월 거의 다 했다!! 와우 📌 질의: 데이터베이스에서 데이터 조작을 요청하는 것 완료한 일만 모아서 보기 - 검색 질의 appBar: AppBar( title: Text('Database Example'), actions: [ TextButton( onPressed: () {}, child: Text( '완료한 일', style: TextStyle(color: Colors.white), )) ], ), 👉🏻 완료한 일을 보러가는 버튼을 만든다. import 'package:flutter/material.dart'; import 'package:sqflite/sqflite.dart'; import 'todo.dart'; class ClearListApp extends StatefulWidget.. [TAVE/Study]Do it! Flutter 10장 데이터베이스에 데이터 저장하기② 211011 월 내 주말 어디갔징? 📌 이제 CRUD를 알아보자! 데이터 입력하기 📌 플로팅 버튼을 누르면 데이터 입력 화면으로 이동하고 저장하기를 누르면 데이터 베이스에 저장되도록 하자! class _AddTodoApp extends State { TextEditingController? titleController; TextEditingController? contentController; @override void initState() { super.initState(); titleController = new TextEditingController(); contentController = new TextEditingController(); } @override Widget build(BuildCo.. [TAVE/Study]Do it! Flutter 10장 데이터베이스에 데이터 저장하기① 211011 월 SALite 사용하기 📌 모바일을 가볍고 빠른 SQLite를 주로 이용한다. 플러터는 sqflite라는 패키지를 제공한다. class Todo { String? title; String? content; int? active; int? id; Todo({this.title, this.content, this.active, this.id}); Map toMap(){ return{ 'id': id, 'title': title, 'content': content, 'active': active, }; } } 👉🏻 sqflite패키지는 데이터를 Map형태로 다룬다. ✍🏻 toMap함수는 데이터를 Map 형태로 반환한다. ✍🏻 sqlite는 bool값이 없어서 int를 이용해 true면 1, fa.. [TAVE/Study]Do it! Flutter 9장 내부 저장소 이용하기② 211008 금 파일 입출력 연습하기 📌 이번에는 파일에 데이터를 저장하고 불러오는 방법을 보자! dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 path_provider: ^2.0.2 👉🏻 패키지 등록! import 'package:flutter/material.dart'; class FileApp extends StatefulWidget { @override State createState() => _FileApp(); } class _FileApp extends State { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('.. [TAVE/Study]Do it! Flutter 9장 내부 저장소 이용하기① 211008 금 개학한 친구들 벌써 시험기간이라고 한다. 나는 이 시험 기간을 이용해서 지금까지 배운거 복습하고 앞으로 배울 거 예습해야겠다! 📌 플러터에서 앱의 데이터를 저장하는 방법 공유 환경 설정: 비교적 적은 양의 간단한 데이터를 저장하는 용도, Shared Preferences 클래스 사용 파일: 공유 환경 설정보다 더 복잡하고 다양한 데이터(사진, 음성, 동영상, 긴 텍스트 등)를 다룰 수 있다. 데이터베이스 이용 데모 앱의 카운트값 저장하기(공유 환경 설정) 📌 기본으로 만들어지는 플러터 데모 앱에는 +모양의 플로팅 버튼이 있다. 버튼을 누르면 화면의 카운트값이 증가한다. 하지만 앱을 종료하고 다시 실행하면 숫자 0으로 초기화 된다. 이전에 눌렀던 숫자를 유지하는 앱을 만들자! depende.. [TAVE/Study]Do it! Flutter 8장 내비게이션 활용하기② 211005 화 내일 발표다! 할 일을 기록하는 앱 얼른 만들장! 페이지 이동 기능 만들기 return Scaffold( appBar: AppBar( title: Text('Sub Detail Example'), ), body: Container( child: Center( child: ElevatedButton( onPressed: () { Navigator.of(context).pushReplacementNamed('/second'); }, child: Text('두 번째 페이지로 이동하기'), ), ), ), ); 👉🏻 페이지 이동하도록 만든다. ✍🏻 pushReplacementNamed() 함수: 스택 메모리에 있는 자료를 교체한다. import 'package:flutter/material.da.. [TAVE/Study]Do it! Flutter 8장 내비게이션 활용하기① 211005 화 백신 맞고 코딩하기... 페이지 이동하기 floatingActionButton: FloatingActionButton( onPressed: () { Navigator.of(context) .push(MaterialPageRoute(builder: (context) => SecondPage())); }, child: Icon(Icons.add), ), 👉🏻 플로팅 버튼을 눌렀을 때 두 번째 페이지로 가도록 한다. ✍🏻 Navigator: 스택을 이용해 페이지를 관리할 때 사용하는 클래스 ✍🏻 push: 스택에 페이지를 쌓는 함수 ✍🏻 MaterialPageRoute 함수: 머티리얼 스타일로 페이지를 이동하게 한다. 기본적인 뒤로가기 버튼이 나와서 이전 페이지로 갈 수 있다. child: E.. [TAVE/Study]Do it! Flutter 7장 네트워크를 이용해 통신하기② 211004 월 본문3 예! 내려받기 진행 상황 표시하기 📌 dio: 파일을 내려받는 데 도움을 준다. 📌 path_provider: 패키지와 내부 저장소를 이용한다. dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 dio: ^4.0.0 path_provider: ^2.0.2 👉🏻 pubspec에 추가 import 'package:flutter/material.dart'; import 'package:dio/dio.dart'; import 'package:path_provider/path_provider.dart'; import 'dart:io'; class LargeFileMain extends StatefulWidget { @override .. 이전 1 2 3 다음
