본문 바로가기

플러터관련 정보54

[Flutter] drift로 todo list 만들기 예제 - 1탄(with drift, SQLite) 시작하면서... 이전에 Moor를 이용한 SQLite 사용법 포스팅을 한적이 있습니다. 이후 Update와 Delete 부분에 대한 포스팅을 한다고 했는데 아직까지 못했네요 지금은 Moor가 drift로 이름이 바뀐거 같더군요 이번에는 드리프트를 이용해서 간단한 할일리스트(to do list)를 만드는 예제를 만들어 보겠습니다. 이전 포스팅 Flutter, Moor(SQLite ORM)을 사용한 CRUD 정리 - 1편 Create, Read - Flutter moor example, Dart ORM, Flutter database tool 외부 서버 등의 저장공간을 사용하지 않고 손쉽게(?) 휴대폰 내부 저장공간에 사용 할 수 있는 로컬 DB은 SQLite를 ORM 형식으로 사용할수 있게 해주는 Moor.. 플러터관련 정보/플러터-안드로이드 개발 2022. 3. 4.
[flutter] beamer update에 따른 state.pathBlueprintSegments 변경 강의 버전과 현재버전이 달라 생기는 문제점 코딩 파파 님의 당근 마켓 클론강의를 수강하다보면 아무래도 패키지의 업데이트에 따라 변경된 부분이 발생합니다. 일단 강의와 같은 버전으로 공부하고 추후 코딩파파 님께서 업데이트를 해주신다고 하시기는 했는데 코딩파파님의 강의 들으면서 문제해결 방법도 어느정도 알려주셔서 이번 문제도 제가 한번 해결 해보려고 했습니다. 업데이트 후 없어진 beamer(^0.14.1) state.pathBlueprintSegments 어디에?? 강좌에서는 분명 'state.pathBlueprintSegments' 라고 했는데 저한테는 안뜨더 군요. 이곳 저것에 알아보니 1.0.0 버전 업데이트 후 이름이 변경 되었다고 나오네요 근데 BeamPage 부분의 state도 RouteInfo.. 플러터관련 정보/플러터-안드로이드 개발 2022. 2. 27.
[Flutter] 플러터로 여러가지 영상(비디오) 재생하는 법(Video_player) 이번 포스트는 유튜브 화면과 같이 리스트뷰로 여러가지 영상을 Video_player로 보여주는 것입니다. 참고 자료: 플러터 공식문서 -> 영상 재생 및 일시 중지 영상 재생 및 일시 중지 앱 개발에 있어 영상 재생은 일반적인 작업으로 Flutter에서도 예외는 아닙니다. 영상을재생하기 위해 Flutter는 [`video_player`]({{site.pub-pkg}}/video_player) 플러그인을제공하고 있습니다. `video_player` 플러 flutter-ko.dev 완성된 화면입니다. 기본적인 컨셉은 별도의 비디오 플레이어 위젯을 만들고 그 위젯을 리스트 뷰로 보여주는 것입니다. 비디오 위젯은 기본 예제를 참고하여 만들었습니다. 자세한 설명은 위에 참고 자료 링크를 보시는 것이 더 좋을 거 .. 플러터관련 정보/플러터-안드로이드 개발 2022. 2. 13.
안드로이드 스튜디오 범블비 업데이트 후 CocoaPods not installed or not in valid state 오류 해결 안드로이드 스튜디오 범블비(android studio version bumblebee) 업데이트 후 이것저것 문제가 많네요. 디바이스 매니져가 안열리고 이번에는 iOS 빌드 시 CocoaPods not installed or not in valid state. 오류가 발생합니다. 진짜 이 문제를 해결하려고 안드로이드 스튜디오와 플러터 CocoaPods를 얼마나 삭제 재설치를 했는지 모르겠네요 결국 스택오버플로우에 가장 최근 질문 순을 검색해서 해결하였습니다. 지금까지의 CocoaPods not installed or not in valid state 은 CocoaPods의 자체의 문제 해결 방법이라면 제가 발견한 해결방법은 안드로이드 스튜디오 범블비 자체의 문제인거 같습니다. 참고로 디바이스 매니져가 안.. 플러터관련 정보/플러터-안드로이드 개발 2022. 2. 1.
문제해결-안드로이드 스튜디오 범블비 업데이트 후 디바이스 매니저 실행안됨 해결 Why Device Manager don't open? Why Device Manager don't open? Guys I'm working on the flutter project and after I updated the version of the android studio when I click on the device manager to open my devices it didn't show up I don't know what should do? Ed... stackoverflow.com 1. 프로젝트 스트럭쳐 메뉴에 들어간다. 2. 모듈 탭에 들어간다. 3. + 버튼을 눌러 안드로이드를 추가 한다. 4. OK 버튼을 누르고 나간다. 5. Device manager를 클릭하면 정상 동작한다. 플러터관련 정보/플러터-안드로이드 개발 2022. 1. 27.
해결된 이슈 - 안드로이드 스튜디오 범블비 업데이트 후 디바이스 매니져 작동 안함 해결 방법 링크 입니다. https://jh-industry.tistory.com/48 스택오브플로우에 해결 방법이 올라와 있더군요 자세한 건 위에 링크를 클릭해주세요 android studio bumblebee device manager not opening 안드로이드 스튜디오 오늘 업데이트 후 디바이스 매니져가 열리지 않는 버그가 있습니다. 아래 이슈 트래커에도 많은 내용이 있는것을 보아 많은 사람이 같은 이슈를 겪고 있는거 같습니다. 아직 뚜렷한 해결책은 없는거 같습니다. 새로운 업데이트가 나와야 해결될것으로 보이니 해결될때까지 업데이트는 자제하시는게 좋을것 같습니다. https://issuetracker.google.com/issues?q=device%20manager&pli=1 플러터관련 정보/플러터-안드로이드 개발 2022. 1. 26.
앱개발로 돈벌자 - 플러터 강의(코딩파파), Do it! 플러터 앱 프로그래밍 내돈 내산 후기 취미로 안드로이드 개발해서 돈 벌자!! 올해의 목표는 안드로이드 어플을 개발하여 월 1만원 벌기입니다. 비전공자가 독학으로 로또 어플을 출시하기까지 후기를 남겨 봅니다. 일단 앱 개발 언어를 정하자 우선 앱 개발을 위한 언어에는 여러가지가 있습니다. 안드로이드는 자바, 코틀린 애플은 오브젝트C, 스위프트가 있습니다. 취미로 시작하는 프로젝트다 보니 최소한의 비용만 가지고 진행해야 되었습니다. 안드로이드 개발자 등록: 25달러 1회 애플 개발자 등록: 매년 갱신 99달러 일단 안드로이드 개발자 등록은 한번만 25달러를 지불하면 됐지만 애플은 매년 99달러의 비용 들었습니다. 그래서 저는 일단 안드로이드로 개발하고 잘되면 iOS로 넘어가려는 계획을 세웠습니다. 일단 자바 or 코틀린 안드로이드 개발에 가장 .. 플러터관련 정보/플러터-안드로이드 개발 2022. 1. 24.
[Flutter, Dart] 생성자, Named Constructor, 이니셜라이져 정리 전체 코드 void main() { Mac myMac = Mac('red','16'); print(myMac.color); print(myMac.screenSize); Map json = {'color':'blue','size':'14'}; Mac jsonMac = Mac.fromJson(json); print(jsonMac.color); print(jsonMac.screenSize); Mac forwardMac=Mac.forward('amber','14'); print(forwardMac.color); print(forwardMac.screenSize); } class Mac{ String? color; String? screenSize; // 사용법1 Mac(this.color,this.screenS.. 플러터관련 정보/플러터-안드로이드 개발 2022. 1. 16.
[Flutter, Dart 문법] List형 자료의 map 함수 관련 정리 void main() { print("map fucntion train"); List intList = [1,2,3,4]; List newList = intList.map((value){ return value*2; }).toList(); List newList1 = intList.map((value)=>value*3).toList(); print(intList); print(newList); print(newList1); } 리스트 같이 이터러블에 있는 내장함수로 각 리스트의 항목들을 함수에 집어 넣어 다시 리스트로 만들때 사용합니다. 플러터관련 정보/플러터-안드로이드 개발 2022. 1. 6.
[플러터(flutter) 오류 해결] Class AMSupportURLConnectionDelegate is implemented 오류 해결법 플러터 iOS 빌드시 아래와 같은 오류가 발생하여 해결한 방법을 소개 하겠습니다. Class AMSupportURLConnectionDelegate is implemented in both /usr/lib/libauthinstall.dylib (0x1e6ff2b90) and /Library/Apple/System/Library/PrivateFrameworks/MobileDevice.framework/Versions/A/MobileDevice (0x103e242c8). One of the two will be used. Which one is undefined. Class AMSupportURLSession is implemented in both /usr/lib/libauthinstall.dylib (0.. 플러터관련 정보/플러터-안드로이드 개발 2022. 1. 1.
[Flutter , Dart 언어] 코딩하다 생각 안날 때 잠깐씩 보는 Cheat Sheet -Provider 기본적인 사용법 상태 관리를 위한 Provider에 대한 자세한 설명보다는 이미 알고 있는데 잠깐씩 사용법이 생각 안날때 보는 치트시트입니다. 만든 예제는 BottomNavigationBar를 이용하여 화면을 바꾸는 예제입니다. 프로바이더를 사용하실려고 하는데 어떻게 시작하지 기억 안나실때 보시면 됩니다. 최종 결과물 만드는 순서 1. 프로바이더 설치 2. ChangeNotifier 상속 받는 클래스 생성 - 변화를 감지를 위해 notifyListeners(); 사용 해야 됨 3. 기본 UI 생성 4. Provider 사용할 상위 위젯에 MultiProvider로 감싼다 - MultiProvider( providers: [ ChangeNotifierProvider(create: (context) => btmNavProv.. 플러터관련 정보/플러터-안드로이드 개발 2021. 10. 2.
[Flutter, Dart 언어] 안드로이드 개발을 위한 첫걸음 Dart 문법 정리-2편class의 상속, final const의 차이점, 삼항연산자 오늘은 상속에 대해 공부한 내용을 공부하였습니다. 역시 "모두가 할 수 있는 플러터 UI 입문"을 보고 공부하였습니다. 플러터는 기본적으로 StatefulWidget, StatelessWidget를 상속을 받아 사용하고 있습니다. 1. 기본적인 상속에 사용 형태 void main(){ CheeseBerger cb = CheeseBerger(); } class Burger{ Burger(){ print("buger!!!"); } } // extends 를 사용하고 상속 받을 Burger를 사용하면 상속이 됩니다. class CheeseBerger extends Burger{ CheeseBerger(){ print("cheese burger!!!"); } } 결과 buger!!! cheese burger!!.. 플러터관련 정보/플러터-안드로이드 개발 2021. 9. 30.
[Flutter, Dart 언어] 안드로이드 개발을 위한 첫걸음 Dart 문법 정리-1편class 생성자(Constructor) 사용법 플러터 개발 공부를 시작하며 안드로이드 개발을 위해서는 선택지가 자바, 코틀린이 있고 구글에서 개발은 Dart라는 언어로 만들어진 flutter를 이용한 방법이 있습니다. 플러터는 크로스 플랫폼으로 안드로이드와 iOS를 동시에 개발할수 있는 장점이 있습니다. 아직 널리 퍼지지 않아 관련 책이나 자료를 찾을 수 없다는 단점은 있지만요. 그리고 저는 이미 플러터를 통해 간단한 안드로이드 어플을 만들어 출시하였지만 하지만 기본 문법에 대한 지식이 부족하여 다른사람의 코드를 읽는데 어려움이 있어 여러 책을 찾아 보던 중 '모두가 할수 있는 플러터 UI입문'이라는 책을 보고 이미 알고 있는 다트언어의 문법은 제외한 객체지향 부분에 대해 공부하고 정리해 보았습니다. '모두가 할수 있는 플러터 UI입문' 이라는 책은.. 플러터관련 정보/플러터-안드로이드 개발 2021. 9. 29.
Flutter, Moor(SQLite ORM)을 사용한 CRUD 정리 - 1편 Create, Read - Flutter moor example, Dart ORM, Flutter database tool 1. 필요한 패키지 설치 공식 홈페이지에 있는 Getting started에 있는 패키지를 설치해 줍니다. dependencies: moor: ^4.5.0 sqlite3_flutter_libs: ^0.5.0 path_provider: ^2.0.0 path: ^1.8.0 get_it: ^7.2.0 # 공식 문서에 있는 패키지가 아닌 코드 팩토리님 강의에 나온 추가 패키지입니다. dev_dependencies: moor_generator: ^4.5.1 build_runner: ^2.1.1 2. database.dart 파일 생성 이부분은 sqlite 파일을 생성하고 데이터베이스를 생성하는 부분입니다. 이부분은 거의 공식문서의 코드를 그대로 가지고 왔습니다. part 'database.g.dart'; -> 이.. 플러터관련 정보/플러터-안드로이드 개발 2021. 9. 26.