DevBoi

Google 로그인 관련 정리 기존 파이어베이스 관련 프로젝트 설정을 완료했다고 가정한다. 1. Firebase auth 세팅 프로젝트 설정에서 google signup 설정을 해준다. 2. 구글 로그인 의존성을 추가해준다. flutter pub add google_sign_in 3. 뷰모델과 로그인 구현체 import 'package:kakao_flutter_sdk_user/kakao_flutter_sdk_user.dart'; import 'package:myvalue/util/login/http/login-httpapi.dart'; import 'package:myvalue/util/login/widget/social/kakao/kakao_login.dart'; import 'package:myval..

플러터 사용중 자동으로 역직렬화와 직렬화를 가능하게 해주는 라이브러리를 사용해야겠다고 생각했다. 손수 직접 매핑을 해줬는데 이 작업이 상당히 귀찮아 졌다. dart pub add dev:json_serializable dev_dependencies: flutter_test: sdk: flutter build_runner: ^2.0.0 json_serializable: ^6.7.1 import 'package:json_serializable/json_serializable.dart'; 위 작업으로 관련 클래스에서 사용할 수있다. 자동 Factory 메소드를 생성을 해주는데, 직접 매핑을 관여한다. 관련되서 사용법은 아래와 같다. 아래와 같이 명시만 해놓은 파일이 있다고 가정한다. import 'packag..

요새 앱개발로 정신이 없다. 그래서 정리할 시간도 포스팅도 없다. 하지만, 최근 요청건으로 개발한 부분에 대해서, 포스팅을 하려고한다. 대부분 앱은 backend server로 보내고 3rd db를 쓰지만, 간단하거나 백엔드 구현이 어려운 경우 파이어베이스를 많이 쓴다. 1) Firebase storage 이미지를 핸드폰에서 집어와서 파이어베이스 storage에 올리는 방법이다. 별건 없다. import 'dart:io'; import 'package:cloud_firestore/cloud_firestore.dart'; import 'package:flutter/material.dart'; import 'package:image_picker/image_picker.dart'; import 'package..

Flutter 로 ios를 개발하다보면 두가지 상황을 맞이하게 된다. ios하위에 xcodeproj와 xcodeworkspace 이다. 어떤걸 사용해서 배포를 해야할까? 둘다 배포는 된다. - 외부 라이브러리를 사용한다면 xcodeworkspace로 빌드를 해야하고 - 외부라이브러리를 사용하지 않는다면 xocdeprodj를 사용해서 빌드를 해야한다. 대부분 앱은 모두 외부 라이브러리를 사용하는게 거의 불가피하다. 그래서 그냥 xcodeworkspace로 빌드를 해야한다고 생각하면 편하다(podfile이 있는) 그러면 xocdeproj는 어디에 쓸까? 해당 파일은 앱의 설명 프로젝트 소개 등에 쓰이는 네이티브한 메타데이터를 다룰때 사용하는 파일이다. 참고하자

사용 의존성 firebase_core: ^2.16.0 cloud_firestore: ^4.9.2 chat_bubbles: ^1.5.0 flutter_chat_bubble: ^2.0.2 chat-list import 'package:get/get.dart'; import 'package:goodshot/global-provider.dart'; import 'package:goodshot/view/chat/screen/chat-list-widget.dart'; import 'package:goodshot/view/group/dto/MyGroupItem.dart'; import 'package:flutter/material.dart'; import 'package:goodshot/view/group/popup..

플러터 진행하다보면 IOS관련 빌드가 캐싱되어 완전 초기화가 필요하다. 해당과 같을 때 아래와 같이 초기화를 해서 빌드를 해보자 해당 이슈로도 잡히지 않는 오류가 있다면 소스단을 조치해야한다. 버전을 수정하거나 1. 아래 명령어들을 조합해서 캐시를 클린해주거나, 초기화 후 재 빌드 해줄 수 있다. rm -rf ios flutter create . flutter upgrade pod update pod install pod init && pod install sudo gem install cocoapods pod cache clean --all arch -x86_64 pod install --repo-update --clean-install flutter run --verbose 대부분 아래의 순서로 하면..

[프로젝트 세팅 ] 초기 프로젝트와 파이어 베이스(파이어스토어) 연동 커맨드는 아래 사이트 참고 https://firebase.google.com/docs/flutter/setup?hl=ko&platform=ios Flutter 앱에 Firebase 추가 의견 보내기 컬렉션을 사용해 정리하기 내 환경설정을 기준으로 콘텐츠를 저장하고 분류하세요. Flutter 앱에 Firebase 추가 plat_ios plat_android plat_web iOS+ Android 웹 기본 요건 아직 Flutter 앱이 없다면 firebase.google.com 아래 명령어를 순차 실행 firebase login dart pub global activate flutterfire_cli flutterfire configure..

Pod install 후에 아래의 경고 메시지가 뜨는 경우가 있다. [!] CocoaPods did not set the base configuration of your project because your project already has a custom config set. In order for CocoaPods integration to work at all, please either set the base configurations of the target `Runner` to `Target Support Files/Pods-Runner/Pods-Runner.profile.xcconfig` or include the `Target Support Files/Pods-Runner/Pods-Runn..

플러터에서 달력에 대한 오픈소스를 사용하면서 이벤트 관련 내용을 개발했다. 개발 기능은 아래와 같다. 1. 일정 내용을 로드 2. 달력 컴포넌트에 일정을 표시 3. 일정을 클릭시 해당 일정에 대한 상세 내용 확인 4. 해당 상세 내용 클릭시, 팝업으로 그룹에 내용 표기 무튼 소스 내용은 아래와 같다. 1. 화면소스 import 'dart:collection'; import 'package:flutter/material.dart'; import 'package:flutter_naver_map/flutter_naver_map.dart'; import 'package:get/get.dart'; import 'package:goodshot/global-provider.dart'; import 'package:g..

Naver 가게 정보 api를 사용하다보면, 위치경도의 정보까지 한번에 받을 수 있다. 이는 네이버 지도에서 사용가능한데, 이에 연동해보자 https://www.ncloud.com/product/applicationService/maps NAVER CLOUD PLATFORM cloud computing services for corporations, IaaS, PaaS, SaaS, with Global region and Security Technology Certification www.ncloud.com 우선 API를 신청해야한다. 지도 API 를 신청하면 당연하게 어플리케이션 정보를 입력해야한다. 입력할거 입력하면, 해당과 같이 정보가 노출이 된다. 이제 플러터에서 해당 앱과 연동해보자 https:..