쉿 코딩중

안녕하세요 이번글에서는 이전글에서 만들어둔 CRUD 메서드들을 사용하여 보겠습니다. 내용을 모르시는 분들은 이전글을 참고해 주세요 https://itmoon.tistory.com/104 [ Flutter ] sqlite & drift 사용하기 -1편 안녕하세요 이번 글에서는 데이터를 핸드폰에 저장하기 위한 sqlite를 사용해 보겠습니다. 프로젝트 구조 pubspec.yaml dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # itmoon.tistory.com https://itmoon.tistory.com/105 [ Flutter ] sqlite & drift 사용하기..

이번 글에서는 지난 글에 이어서 drift를 사용하여 CRUD 하는 방법을 알아보도록 하겠습니다. 이전 글을 못 보신 분들은 아래 링크를 참고해 주세요 https://itmoon.tistory.com/104 [ Flutter ] sqlite & drift 사용하기 -1편 안녕하세요 이번 글에서는 데이터를 핸드폰에 저장하기 위한 sqlite를 사용해 보겠습니다. 프로젝트 구조 pubspec.yaml dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # itmoon.tistory.com CRUD에 사용할 메서드를 만들어 줍시다. drift_database.dart import..

안녕하세요 이번 글에서는 데이터를 핸드폰에 저장하기 위한 sqlite를 사용해 보겠습니다. 프로젝트 구조 pubspec.yaml dependencies: flutter: sdk: flutter # The following adds the Cupertino Icons font to your application. # Use with the CupertinoIcons class for iOS style icons. cupertino_icons: ^1.0.2 drift: ^2.2.0 # sqlite 를 사용하기 위한 라이브러리 sqlite3_flutter_libs: ^0.5.0 #DB path_provider: ^2.0.0 # 파일 시스템에서 일반적으로 사용되는 위치를 찾기 위한 Flutter 플러그인 pat..

안녕하세요 이번 글에서는 배경의 데코레이션 및 이미지 터치 이벤트를 만들어 보겠습니다. main.dart import 'package:decoration/screen/home_screen.dart'; import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: HomeScreen(), )); } home_screen.dart import 'package:decoration/screen/next_screen.dart'; import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({Key? key}) : su..

안녕하세요 이번 글에서는 slider를 사용해 보겠습니다. 폴더와 파일을 만들어 줍시다. main.dart import 'package:flutter/material.dart'; import 'package:slider/screen/home_screen.dart'; void main() { runApp(MaterialApp( home: HomeScreen(), )); } home_screen.dart import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const HomeScreen({Key? key}) : super(key: key); @override State createState() => _HomeScre..

Future란? dart에서 비동기 처리를 하기 위해 사용되며 지금은 없지만 미래에 요청한 데이터 혹은 에러를 받을 객체이다. void main() { addNumbers(1,1); addNumbers(2,2); } addNumbers(int number1, int number2) { print('계산 시작 : $number1 $number2'); // 2초 뒤의 값을 받아온다. Future.delayed(Duration(seconds : 2),(){ print('계산 완료 ${number1 + number2}'); }); print('함수 완료'); } 해당 코드를 실행하여 보면 Future 함수 안에 값이 2초 뒤에 출력되는 것을 볼 수 있다. async await를 이용하여 delalyed가 완료된..

안녕하세요 이번 글에서는 Navigation을 이용하여 보겠습니다. 프로젝트의 디렉터리와 파일을 다음과 같이 생성 main.dart import 'package:flutter/material.dart'; import 'package:navigation_practiec/screen/home_screen.dart'; import 'package:navigation_practiec/screen/one_screen.dart'; import 'package:navigation_practiec/screen/three_screen.dart'; import 'package:navigation_practiec/screen/two_screen.dart'; void main() { runApp(MaterialApp( ini..

안녕하세요 이번 글에서는 flutter의 기본적은 버튼 3가지를 알아보겠습니다. 1. [ ElevatedButton ] import 'package:flutter/material.dart'; class HomeScreen extends StatelessWidget { const HomeScreen({Key? key}) : super(key: key); @override Widget build(BuildContext context) { return Scaffold( body: Padding( padding: const EdgeInsets.symmetric(horizontal: 10.0), child: Container( width: MediaQuery.of(context).size.width, child:..

안녕하세요 이번 글에서는 Dialog를 이용하여 DatePicker을 사용하여 보겠습니다. 먼저 프로젝트를 생성해 주고 디렉터리와 파일을 하나 생성하여 줍시다. main.dart import 'package:dialog_date/screen/home_screen.dart'; import 'package:flutter/material.dart'; void main() { runApp(MaterialApp( home: HomeScreen() )); } home_screen.dart import 'package:flutter/cupertino.dart'; import 'package:flutter/material.dart'; class HomeScreen extends StatefulWidget { const..

안녕하세요 이번 글에서는 웹뷰를 만들어 보겠습니다. 먼저 구글에 pubdev 검색하여 Dart Packages에 접속하여 봅시다. 그다음 검색창에 webView를 검색한 뒤 아래 사진과 같은 검색 결과를 선택하여 줍시다 ( like 등은 변동될 수 있습니다. ) installing을 누르면 webview를 사용하기 위한 방법들이 나오는데 중간의 yaml 파일 코드를 복사하여 줍시다. (필자는 3.0.4 가 아닌 3.0.0을 사용하겠습니다. ) 아래 사진처럼 작성 후 pub get! 이제 main.dart 파일을 작성하겠습니다. import 'package:flutter/material.dart'; import 'package:webview_flutter/webview_flutter.dart'; void ..