본문 바로가기

전체 글149

[flutter, firebase] 핵심만 콕콕!! 플러터와 파이어베이스 세팅하기 with Firebase CLI 사용 Firebase CLI를 사용하면 쉽게 플러터 앱과 파이어 베이스를 연결 할 수 있습니다. 기존 여러 강의에서는 수동으로 설정하는 방법은 많이 소개하는데 Firebase CLI를 이용하여 연결하는 방법을 별로 없더군요. 사실 공식 문서를 보면 쉽게 할수 있지만 복습하는 의미에서 한번 써보도록 하겠습니다. 참조한 사이트를 Firebase CLI 사이트: https://firebase.google.com/docs/cli Firebase CLI 참조 | Firebase Documentation Firebase.Installations firebase.google.com 플러터와 파이어베이스에 관한 사이트 : https://firebase.flutter.dev/docs/overview/ FlutterFire O.. 플러터관련 정보/파이어 베이스(플러터) 2022. 3. 21.
[Flutter]drift로 todo list 만들기 예제 - 2탄(with drift, SQLite) Flutter로 todo list 만들기 1탄에 이어 2탄도 이어 가겠습니다. 1탄을 못보신 분은 아래 링크로 가시면 됩니다. https://jh-industry.tistory.com/52 [Flutter] todo list 만들기 예제 - 1탄(with drift, SQLite) 시작하면서... 이전에 Moor를 이용한 SQLite CR 포스팅을 한적이 있습니다. 이후 Update와 Delete 부분에 대한 포스팅을 한다고 했는데 아직까지 못했네요 지금은 Moor가 drift로 이름이 바뀐거 같더군요 jh-industry.tistory.com 완성된 화면 어플 구현 영상 main.dart 아래 전체 코드에는 드리프트(drift) 사용법과는 관계 없는 코드도 있습니다만 우선 전체적인 부분적인 코드를 발췌.. 플러터관련 정보/플러터-안드로이드 개발 2022. 3. 5.
[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.
[1인 앱 개발] 1인 개발자 Google Ads 광고 12000원써서 로또 어플 홍보 후기 로또 어플 사용자가 늘지 않아 고민이 늘어가던 때.... 블로그 홍보, 인스타그램 홍보도 해보았지만 제가 그렇게 바이럴이 쎈 사람도 아니여서 블로그, 인스타를 통한 홍보효과가 미미했습니다. 그렇게 저는 매일매일 사용자가 늘지 않아 고민이었습니다. Google Ads 광고나 해볼까?? 고민하던차 다른 1인 개발자 글을 보니 전단지라도 돌려라 라는 말을 듣고 호기심 삼아 Google Ads 광고로 제가 만든 로또 어플을 홍보해 보았습니다. 일단 16,000원 써보자 수동결제로 진행하였고, 최소 결제 단위는 16,000원이어서 일단 16,000원 결제해보았습니다. 그 결과... 나름 대 성공?!! 결과는 제 상상 이상이었습니다. 16,000원 중 약 12,000원 정도 쓴 결과 였습니다. 이것도 파고 들면 많.. 후기/내가 직접 경험한 후기 2022. 1. 2.
[플러터(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.
도커파일 사용법 - 도커를 이용한 FastAPI 서버 구축 방법 관련 정리 기본 컨셉 기본 FastAPI 서버 구성을 위해 우선 구글 클라우드 VM 인스턴스에 도커를 설치하고 VM 인스턴스 로컬저장소에 /code/app 폴더를 만들어서 컨테이너에 바인드 마운트하였습니다. 이렇게 하면 컨테이너에 접속하지 않고도 로컬 폴더(/code/app 폴더)에 있는 파이썬 코드만 수정하면 되어 코드 수정할때마다 컨테이너에 접속하지 않아되어 편리합니다. 기본 순서 1. 구글 클라우드 플래폼에 VM 인스턴스를 만든다. 2. VM 인스턴스에 도커를 설치한다. 3. 도커 파일을 만든다. 4. 도커 파일로 이미지를 생성한다. - 도커 명령어 sudo docker build -t myimage . 5. VM 인스턴스 로컬 저장소에 code/app/ 폴더를 생성하고 main.py 생성 후 폴더로 업로드 .. 프로그래밍사업/도커(docker) 2021. 11. 18.
[SQL] Postgres에서 중복도 제거하고 다른 컬럼 기준으로 정렬하기(DISTINCT, ORDER BY, subquery SQL(Postgres)로 해보기 //Postgres SELECT * FROM ( SELECT DISTINCT ON (중복을 제거할 컬럼명) * FROM 테이블명 WHERE name='a') as foo ORDER BY id DESC; // 정렬할 컬럼 python SQLAlchemy로 해보기 from sqlalchemy import desc // 중복을 제거한 서브커리를 생성한다. sub_images = db.query(테이블명).distinct(테이블명.컬럼명).filter(테이블명.컬럼명==컬럼에서찾을내용).subquery() // 서브커리를 ORDER BY로 정렬한다. tests = db.query(sub_images).order_by(desc("id")).all() SQLAlchemy에서 서브커.. 프로그래밍사업/사이드 프로젝트 2021. 11. 6.
장고(django)보다 쉽게 FastAPI로 간단한 CRUD 만들기 fastapi review 기본 설계 fastapi로 CRUD 구현 postgres를 사용할것임 orm은 SQLALCHEMY 사용할것임 순서 pip install fastapi[all] 패키지 설치 pip install sqlalchemy 패키지 설치 main.py 함수 생성 hello fastapi 구현 fastapi 서버와 postgres 서버 연결 pgAdmin으로 수동으로 DB 생성 postgres와 SQLALCHMY create_engine, sessionmaker 생성 from sqlalchemy import create_engine from sqlalchemy.orm import sessionmaker from sqlalchemy.ext.declarative import declarative.. 프로그래밍사업/사이드 프로젝트 2021. 10. 30.
[docker, PostgreSQL ] GCP에 Docker Postgresql 세팅하기 여러 인터넷 글에는 외부 접속을 위해서는 pg_hba.conf 과 postgresql.conf을 수정하라고 되있습니다. 하지만 저 파일을 수정해보아도 안되던 것이 구글 클라우드 플래폼 방화벽을 열어주니 바로 접속이 되네요 방화벽을 열고, 도커 설치하고, Postgres 이미지로 컨테이너를 실행시키면 끝입니다. 접속 준비는 끝입니다. 작업순서 1. GCP VM 인스턴스 생성 - 최근 프리티어가 f1-micro에서 더 좋은 e2-micro로 변경 되었다고 하네요 그래서 그런지 10월 초 f1-micro를 만든 서버에서 과금이 되었더군요 2. 구글 클라우드 플래폼 방화벽 설정 VPC 네트워크 - 방화벽 - 방화벽 규칙만들기 주의 하실점은 해당 인스턴스에 지금 만든 방화벽 규칙이 적용 되야 합니다. ip 범위:.. 프로그래밍사업/도커(docker) 2021. 10. 6.
[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.

티스토리툴바