![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/ca19z3/btsdBPfaM0V/QhnH7eG17AtWgO9uF9tnak/img.png)
Firebase crashytics 를 사용하려면 Firebase cli를 먼저 설치한뒤 configure 해야 하는데, configure 가 되지 않고 아래의 오류 메시지만 뜬다. Firebase 연동부터 문제에 부딪혔다. 찾아보니 cli를 설치할때 바이너리 파일로 설치하지말고, npm 명령을 통해서 설치하면 된다는 글이 있어 따라해보았다. FirebaseCommandException: An error occured on the Firebase CLI when attempting to run a command Flutterfire just added a CLI for us to use but I'm having a problem with the flutterfire configure command. I..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/o57W8/btr4Pqs2n4K/LK3LPKPGkZfnTHYsA7NgKK/img.png)
동영상을 asset 에 넣고 app bundle을 생성하니 700M 가 넘어서 deferred compoenet 를 적용하려고 여러 자료를 보면서 적용해보았으나 key 와 관련하여 문제가 발생하여 다시 roll back 하기전 내가 작업했던 부분 정리하려함. 그전에, key와 관련하여 알아보다가 여기 글에서본 명령을 입력해보니, ./gradlew signingReport deferred compoent 로 설정한 모듈에 대한 정보가 없었다. 이걸 채워주지 않아서 안된가건가 싶기도 하다. 아무튼, 롤백하기전 수정한 것들을 하나씩 정리해보자. pubspec.yalm 파일에 assets/video 삭제하고, 아래와 같이 deferred-components 에 새로운 모듈 이름과 추가할 에셋 directory ..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/b0r0Rs/btr35FZnS0I/uaqdBKoG4JltIAfKm98Fh1/img.png)
몇가지 문제 때문에 android studio를 다시 설치학고, flutter upgrade 하여 최신으로 유지한 상태에서 build를 했더니 아래와 같은 error 메세지가 떴다. 이 메세지를 시작으로 아래에 여러 error 가 떴는데, 우선 이것부터 잡아보자. 메세지를 읽어보니 complie 할때 필요한 ndk 버전이 23.1.7779620 인 것을 메세지를 톻해 알 수 있다. 이 ndk 버전이 내 컴퓨터에 있는지 확인해보자. 1. 안드로이드 스튜디오 메뉴에서 Tools>SDK manger 를 선택한다. 팝업창이 뜬다. SDK tools 탭을 선택하고, 오른쪽 아래 모서리쯤에 있는 show package details 를 체크한 뒤 중앙에 리스트에서 스크롤을 내리다보면 NDK(side by side)..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/c0Gdgi/btr29HD7hv8/58whsseMltN7VM5Rw0q9Y1/img.png)
웹이나 앱을 디자인할 때 색의 선택은 어떻게 하는가? 자신이 좋아하는 색? 사람들이 많이 사용하는 색? 만들려는 것과 비슷한 목적을 가진 웹이나 앱서 사용하는 색? 초보 디자이너라면 비슷한 목적을 가진 경쟁사의 아이템을 벤치마킹 하는 것이 그럴싸한 대안이 될 수 있고, 디자인 감각이 뛰어난 사람이라면 자신의 감각이 말하는 색을 사용하는 것도 좋을 것이다. 자신이 선호하는 색이 있는 경우 , 왜 그 색을 좋아하는지 이유를 설명하려고 하면 쉽지 않다. 일반적으로 색상이 우리에게 미치는 영향은 무의식 차원에서의 작용이라 의식적인 차원에서 그 이유를 찾기가 쉽지 않다고 한다. 하지만 이러한 것을 연구하는 분야가 있다. 색채 심리학이다. 색채 심리학에서는 색이 인간의 감정과 행동에 미치는 영향에 대해서 연구한다...
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/yvE2i/btr2GKVWC3F/JK75GlG8rygEtpyHpoHxG1/img.png)
디자인을 어떻게 할지 고민이다. 그냥 심플하게 하자고 생각하지만, 그 심플이란 것에도 디자인이 필요하다. 고민해야 할 요소가 여럿 있지만, 그중 색상 구성은 어떻게 해야 할지, 몇 가지나 사용해야 할지에 대한 정보를 주는 영상을 우연히 유튜브에서 보았다. 그리고 영상에서 배운점을 기억하기 쉽게 정리해서 자료로 남겨 두려 한다. 다양한 색상을 마구마구 쓰면 주의가 산만해진다. Color palette는 어떻게 구성하면 좋을까? 영상에서 설명하는 것은 60:30:10 규칙이다. 3가지 색상을 선택하여 60:30:10 비율로 사용하는 것이다. 60%은 기본색상(중립, base color)이다. 앱이 밝은 테마일 경우 밝은 색으로 선택하고, 앱이 어두운 테마일 경우 어두운 색을 기본색으로 선택한다. 30%는 주..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/oiz3h/btr0nNUUs5e/AR7U8ygRMVR6bWH22PKQTK/img.png)
안드로이드 스튜디오에서 File > Settings...(MAC 은 Preferences...) 에 들어가보면, IDE 에서 기본적으로 만들어둔 live template(code snippet 단축 키워드)이 있다. 예를 들어 안드로이드 스튜디오에서 Flutter 로 코딩을 하고 있을 때, dart File에서 'st' 까지만 입력하면 자동완성 리스트 중에 'stful', 'stanim', 'stless' 가 추천되는 것을 확인할 수 있다. 이 리스트 중에서 stful을 선택하거나, stful 전체를 입력하고 enter 해보면 아래와 같이 Stateful Widget을 정의하는데 필요한 기본적인 code structure가 완성되어 나온다. 이것이 live template 다. 그리고 우리는 자주 사용하..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/AaN8F/btrZtt2Xuyp/GLDQG1V4FlfHKz5BkKq9a1/img.png)
만들고 있는 앱에 새로운 기능이 필요하다. 사진을 찍는 기능과 동영상을 찍는 기능이다. 구글에서 검색해보니 카메라를 사용할 수 있게 해주는 플러그인은 Flutter 에서 만들어준 것 하나 밖에 없는 듯하다. https://pub.dev/packages/camera camera | Flutter Package A Flutter plugin for controlling the camera. Supports previewing the camera feed, capturing images and video, and streaming image buffers to Dart. pub.dev 고민할 대안이 없으니 바로 사용을 해보았다. 패키지에 설명된 사용방법으로는 빠르게 실험해보기에 부족해서 구글링을 해보았다. 그..
- Total
- Today
- Yesterday
- IOS
- 앱
- 한빛미디어
- DART
- UX
- addPostFrameCallback
- plugin
- 디자인
- 앱 프로그래밍
- UI
- 이미지
- error
- 다트
- 문제 해결
- 인사이트
- Flutter
- 에러
- 앱개발
- TextFormField
- 크롬
- Syncfusion
- 플러터
- Chrome
- Bluetooth
- SizedBox
- TextField
- position
- hide
- firebase
- BLE
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | |
7 | 8 | 9 | 10 | 11 | 12 | 13 |
14 | 15 | 16 | 17 | 18 | 19 | 20 |
21 | 22 | 23 | 24 | 25 | 26 | 27 |
28 | 29 | 30 | 31 |