달망이 삽질인생

flutter32

앱 개발용 Zeplin SVG 추출 (최적화 끄기) android, ios를 개발 할때는 일반적으로는 화면 사이즈 마다 png 이미지를 준비해줍니다. 물론 svg(벡터이미지)를 할 수 있지만 생각보다 앱이 느려져서 꺼리고 있습니다. flutter도 svg를 이용하면 느려지는건 마찬가지지만, 최적화보다는 생산성에 맞춘 프로젝트라고 생각하여 svg를 이용해 보겠습니다. 그렇다면, 앱 개발을 할때, 디자인 파일을 어떻게 하면 쉽게 가져올까요? ui/ux 제작툴인 Zeplin을 이용하면 디자이너가 작업한 벡터파일을 개발자가 손이 발이 되도록 싹싹 빌지 않아도 손 쉽게 다운받을 수 있습니다. 이미지를 클릭하면 Assets을 여러종류로 다운받을 수 있습니다. SVG 옆에 있는 다운로드 버튼을 누르면 끝~! 다운받은 svg 파일 코드 하지만 이렇게 받은 svg 파일은..

Flutter 자주쓰는 Package(패키지, library) 모음 (Favorite Package) - 작성중 flutter_svg https://pub.dev/packages/flutter_svg SVG파일을 읽을때, iOS와 Android가 별도로 파일관리가 필요한데, 이 패키지로 통합해서 asset으로 관리해줍니다. *svg도 버전이 있기 때문에 파일을 가지고 테스트가 꼭 필요합니다. flutter_secure_storage https://pub.dev/packages/flutter_secure_storage/install 데이터베이스까지 관리하긴 귀찮고, 앱을 껏다 켜도 데이터가 저장되면서 암호화까지 됬으면 할때 사용하는 패키지 입니다. 주로 아이디, 비밀번호, 자동로그인 여부, 앱 설정 값을 저장할때 많이 이용됩니다. iOS - 키체인을 사용하기 때문에, iCloud에 저장되서 폰을 초기화해도 아이디를 ..

Flutter/Dart Library의 충돌을 막아보자 (import, as, show, hide) Flutter/Dart 를 개발하다보면 점점 많은 라이브러리를 사용하게 되고, 라이브러리끼리 많은 충돌을 일으키기도 합니다. 이럴때는 키워드를 사용하면 많은 부분을 해결할 수 있습니다. 라이브러리를 추가할때 다음과 같이 사용합니다. import 'dart:async'; List data = [1, 2, 3]; Stream stream = new Stream.fromIterable(data); 하지만 개발을 하다보면, 정말 많은 라이브러리를 추가하게 되고 라이브러리에 포함된 클래스 이름이 중복되는 경우가 많습니다. 그래서 중복을 방지하기 위해 네임스페이스를 지정해줍니다. import 'dart:async' as abc_async; List data = [1, 2, 3]; abc_async.Stream st..

Flutter APK 만들기 명령어 (debug, release) flutter에서 임시로 만든 프로젝트에서 디버그와 릴리즈용 apk를 추출할때 다양한 방법이 있지만, 여러가지 환경세팅을 통해서 정석으로 뽑아내긴 귀찮으니 명령어로 apk추출 방법을 소개합니다. flutter build apk --debug --target-platform=android-arm64 flutter build apk --release --target-platform=android-arm64

Flutter 에러. $HOME/.pub-cache/bin, which is not on your path. flutter를 이용해서 firebase를 설치할때면 " $HOME/.pub-cache/bin, which is not on your path. " 이런 에러를 자주 마주치게 된다. Warning: Pub installs executables into $HOME/.pub-cache/bin, which is not on your path. You can fix that by adding this to your shell's config file (.bashrc, .bash_profile, etc.): export PATH="$PATH":"$HOME/.pub-cache/bin" 해결방법은 써있는것처럼 .bashrc파일이나 .bash_profile, .zshrc 파일에 [ export PATH="$PATH":..

[Flutter] Webview에서 JS로 Flutter앱의 기능 실행하기 InAppWebview 패키지를 사용하다보면, 웹에서 앱으로 신호를 줘야할때가 생기는데 그럴때 사용하는 함수가 [window.flutter_inappwebview.callHandler] 입니다. 사용방법은 아래와 같습니다. 1. 자바스크립트 핸들러 추가 Flutter에서 onWebViewCreated 함수가 실행될때, "myHandlerName" 핸들러 이름을 가진 자바스크립트 핸들러를 추가합니다. onWebViewCreated: (controller) { controller.addJavaScriptHandler(handlerName: 'myHandlerName', callback: (args) { print(args); return { 'bar': 'bar_value', 'baz': 'baz_value..

Flutter 디버그 모드 / 릴리즈 모드 구분하기 / 디버깅 안될때 직접 휴대폰을 꼽고 앱을 실행하면, 디버그 모드로 설치되게 됩니다. 그리고 마켓에 배포할땐 릴리즈 모드로 추출되구요. 디버그와 릴리즈 를 구분해서 다른 동작을 하고 싶을때, 아래 코드를 사용합니다. 1) 먼저 패키지를 임포트 합니다. import 'package:flutter/foundation.dart'; 2) 아래 코드를 이용해서 디버그 모드인지 릴리즈모드 인지 판단합니다. //디버그 모드 if (kDebugMode) { doSomething(); } //릴리즈 모드 if (kReleaseMode) { doSomething(); } flutter로 바로 실행해도 디버그 모드가 아닌 릴리즈로 변경하는 방법 iOS 1) Xcode를 실행합니다. 2) 스키마 수정으로 이동합니다. Product > Sche..

앱 개발 크로스플랫폼 트랜드 앱을 개발하기 위해선 정말 다양한 크로스플랫폼이 존재합니다. 크로스플랫폼의 종류와 구글 트렌드를 이용해서 한번 비교해 보도록 하겠습니다. 이번 게시물에서는 앱 개발이 Android나 iOS 뿐만 아닌, Window, Linux, PS5, XBOX도 포함될 수 있습니다. 프로그래밍 언어 프레임워크 JavaScript React Native, PhoneGap, Cordova, Ionic C# Xamarin, Unity Dart Flutter C++ Qt Python Kivy 1. JavaScript 신기하게도 트랜드로 PhoneGap이 Cordova로 변경되고, Cordova가 Ionic으로 변경되는게 보이네요. 그러다 혜성처럼 나타난 React Native로 인해 다른 플랫폼의 인기가 식어져가는게 보입니다..

Flutter로 Web 만들기 (덤으로 안드로이드, iOS 앱이 만들어질 뿐) 크로스플랫폼의 끝판왕 Flutter가 2.0버전 부터 웹을 정식으로 지원하면서 한 번 더 끝판왕으로 성장했습니다! (2021년 5월 18일 기준으로 Flutter 2.2버전이 되었습니다.) 이전에 1.7버전에서 Web으로 빌드 할 때는 많은 문제가 있었는데, 이번 업데이트로 많이 안정화된 걸 확인 할 수 있었습니다. 하지만 여러 글을 보니 아직까진 상용화로 사용하기엔 문제가 있어보입니다... 시작하기 전에!! 기본 세팅을 안 하신 분은 이전 글을 참고해주세요 https://dalgonakit.tistory.com/98 Flutter 시작하기 | 맥북 | VSCode 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 ..

Flutter 3.3.10 시작하기 | 맥북 M1,M2 | VSCode 세팅 2022년 12월 27일 기준으로 Flutter 3.3.10 버전으로 내용을 수정해두었습니다. ========== 안드로이드와 아이폰은 개발한지도 오래 됬는데.. 최근 회사 업무가 빠르게 구현해야 될 것들이 생겨서 안그래도 눈 여겨 보던 Flutter를 해보려 합니다 Flutter를 다루는 Dart 언어는 항상 배우지 말아야 할 언어 순위안에 들고 있지만 아이폰 개발도 하다보니 Dart보다 더한 Objective-C언어를 배운 입장에서는 그냥 그러려니 하고 시작해 볼까 합니다 ㅎㅎ 초기 1.0 이하 버전의 Flutter는 정말 문제가 많았다곤 하는데 지금은 그래도 SDK가 1.7 버전이 넘은걸 보니 왠만큼 해결 했으리라 생각되었습니다. 2.0 버전부터는 웹을 공식지원하고, 3.0 이상부터는 맥OS와 윈도..

이전 1 2 3 4 다음

티스토리툴바