피터의 개발이야기

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용을 정리하였다. ㅇ [flutter] 일정 관리 앱 - 달력 및 입력 폼 작성에 이어 로컬 데티어 저장 로직를 구현하였다. ㅇ 소스는 이곳 ㅁ 17장 일정 관리 앱 - 로컬 데이터베이스 세팅 ㅇ Schedules 테이블 생성(drift_database.dart) import 'package:drift/drift.dart'; // Schedules 테이블 생성 class Schedules extends Table { IntColumn get id => integer().autoIncrement()(); // PRIMARY KEY, 정수 열 TextColumn get content => text()(); // 내용, 글자 열 DateTime..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습 중 일정 관리 앱을 개발하는 과정을 정리하였다. ㅁ calendar_scheduler 프로젝트 생성 ㅇ pubspec.yaml 수정 ........... dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 # iOS style 날짜 토굴 table_calendar: 3.0.7 # 달력 intl: 0.17.0 # 다국어 drift: 2.1.0 # Drift sqlite3_flutter_libs: 0.5.10 # SQLite path_provider: 2.0.11 # 경로기능 path: 1.8.3 # 경로기능 get_it: 7.2.0 # 프로젝트 전역으로 의존성 주입 dio: 4.0.6 # ..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습 중 [flutter] 만난 지 며칠 U&I 내용을 정리하면서 Cupertino DatePicker를 설정하고 최소, 최대 날짜를 지정하는 방법을 정리하였다. ㅁ min max 날짜 지정방법 import 'package:intl/intl.dart'; // Dateformat 용 ............. // 하트 기능 생성 void onHeartPressed(){ // 쿠퍼티노 다이어로그 생성자 showCupertinoDialog( context: context, builder: (BuildContext context){ //////////////////////////////// // min max 날짜 지정- 초기 선택 날짜 final ini..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습 중 [flutter] 만난 지 며칠 U&I 내용을 정리하면서 DateFormat 한글로 표기하는 방법을 정리하였다. ㅁ pubspec.yaml 수정 flutter: sdk: flutter flutter_localizations: sdk: flutter ㅁ main.dart 한글 지정 import 'package:flutter_localizations/flutter_localizations.dart'; void main() { runApp( MaterialApp( // 한글 다이어그램 지정 localizationsDelegates: [ GlobalMaterialLocalizations.delegate, // for 안드로이드 GlobalCupe..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용이다. ㅇ 9장 만난 지 며칠 U&I를 만드는 과정이다. ㅇ 핵심 목표 - StatefulWidget의 setState 함수 이용방법 - Cupertino 위젯을 이용한 다이얼로그 및 데이터픽커 ㅁ 프로젝트 생성 및 이미지와 폰트 추가 ㅇ 프로젝트 이름: u_and_i ㅇ 이미지와 font도 복사를 하였다. assets: - asset/img/ fonts: - family: parisienne # 폰트 이름 지정 fonts: - asset: asset/font/Parisienne-Regular.ttf # 폰트 PATH - family: sunflower fonts: - asset: asset/font/Sunflower-Light.ttf ..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용을 정리하였다. ㅇ 8장 전자액자를 만드는 과정을 정리하였습니다. ㅇ 소스는 이곳 ㅁ StatelessWidget과 StatefulWidget StatelessWidget: 상태가 없는 위젯, 클래스를 한 번 생성하고 나면 속성을 변경할 수 없는 상태이다. StatefulWidget: 위젯 내부에서 자체적으로 재실행해야 하는 상황을 위해 탄생. ㅁ image_carousel 프로젝트 생성 ㅁ 샘플 이미지 세팅 ㅇ 에셋에 필요한 이미지를 asset 폴더에 저장하고 flutter에게 인식시켜줘야한다. ㅇ pubspec.yaml에 assets라는 키로 asset/img 폴더를 선언한다. ㅇ 변경사항 반영을 위해 put get을 클릭한다. ㅁ ..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용이다. ㅇ 웹뷰를 통해 웹앱을 만드는 과정을 정리하였다. ㅇ 소스는 이곳 ㅁ blogWebApp 프로젝트 생성 ㅁ pubspec.yaml 설정 dependencies: flutter: sdk: flutter cupertino_icons: ^1.0.2 # webview를 위한 플러그인 추가 webview_flutter: 3.0.4 ㅇ 플러그인 갱신을 위해 Put get을 클릭한다. ㅁ AndroidManifest.xml 수정 # 인터넷 사용권한 ........ ㅇ 인터넷 접속과 http 접근 권한을 설정하였다. ㅇ 안드로이드 정책으로 기본 http 접근 권한을 막고 있었다. ㅇ [flutter] 안드로이드 웹뷰 URL 호출 에러 ERR_C..

ㅁ 들어가며 ㅇ 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용이다. ㅇ 스프레드 스크린 앱을 만드는 과정을 정리하였다. ㅇ 소스는 이곳 ㅁ SplashScreen 프로젝트 생성 ㅁ Slash Screen 중앙텍스트 구현 void main() { runApp(SplashScreen()); } class SplashScreen extends StatelessWidget { @override Widget build(BuildContext context){ return MaterialApp( home: Scaffold( body: Center( child: Text('Slash Screen'), ), ), ); } } ㅁ Container와 BoxDecoration 사용방법 // Container와 Bo..

ㅁ 들어가며 코드팩토리의 플러터 프로그래밍 책을 보며 실습한 내용을 정리하였다. 지난 글인, [Flutter] Flutter 맥북 개발환경 세팅하기에서 개발환경을 세팅하고 샘플 코드를 다운받아 emulator를 작동하는 과정까지 정리하였다. 이번 글에서는 프로젝트를 생성하는 과정을 정리하였다. 소스는 이곳에 있다. ㅁ 프로젝트 생성 ㅇ 안드로이드 스튜디오에서 프로젝트를 생성 ㅁ 기본 Demo 프로젝트가 생성됨 ㅇ 기본적으로 프로젝트만 생성하였는데, 데모 코드가 생성되어 emulator까지 작동 가능한 상태였다. ㅇ 기본 제공되는 소스는 https://docs.flutter.dev/get-started/test-drive에서 자세히 설명하고 있다. import 'package:flutter/material..

ㅁ 들어가며 웹앱을 만드는 과정에서 Webview를 띄워 특정 URL를 테스트 하는 과정에서 IOS는 잘 나오는데, 안드로이드는 나오지 않는 문제 발생하였는다. Android WebView에 http를 허용하는 방법을 정리하였다. ㅁ 에러 내용 Webpage not available The webpage at could not be loaded because: net:ERR_CLEARTEXT_NOT_PERMITTED ㅇ url이 http이기 때문에 net permition문제가 발생하였다. ㅇ 관련된 문제의 해결책을 Developers에서 http로 검색해 보았다. ㅁ 해결방법 탐색- iOS와 Android의 HTTP 연결 정책 변경 확인 및 해결방법 ㅇ iOS 및 Android에서는 안전하지 않은 HT..