세번째 책은 오준석의 플러터 생활코딩이다. 20년 3월에 발행된 책이다. 다른 입문서에 비해 설명이더 쉽게 되어있는 편인 것 같다. 그리고 상태관리는 다루고 있지 않고 있다. (다른 입문서도 상태관리는 맛보기정도라 제대로 사용하려면 공부를 필요한건 맞지만) 이제 입문서를 그만봐도 되려나? 300페이지짜릴를 1~2시간이면 다 볼수 있어서 시간은 크게 잡아먹지 않지만 크게 얻는것도 없다...남은 2권도 빨리보고 입문서 몰아보기는 끝내야지 문단 마지막 사용 ?. 연산자는 null 여부를 간단히 판단할 수 있다. ?? 연산자는 객체가 null 일때 연산자 오른쪽에 있는 값을 반환한다. print(name?.length ?? 0 ); https://flutterstudio.app/ 에서 drag&drop 방색으로..
Text를 입력 받기 위해 TextFromField를 사용했는데, filed 내부에 표시되는 text 의 vertical alignment가 자꾸 안맞았다. textAlignVertical: TextAlignVertical.bottom, 를 입력해도 변화가 없었고, decoration: const InputDecoration( contentPadding: EdgeInsets.zero, ), 을 건드려봐도 계속 text가 아랫쪽, 혹은 설정한 box 보다 아랫쪽에 표시되었다. 이 문제를 발생시키는 원인은 text 를 입력할때 아랫쪽에 생기는 밑줄을 없애기 위해 입력한 코드 때문인것을 찾았는데, 이렇게 밑줄을 삭제하면 안되나 보다. decoration: const InputDecoration( border:..
이번책은 해외 도서 번역서다. 국내에서는 2020년 6월에 출판되었지만 원서는 2019년에 출판 되었다. 기술서 중에서도 IT분야는 특히나 변화가 빨라서 4년전 책이라는 것을 알고서 읽어야 하나하고 잠시 고민을 했지만 읽어보았다. 유튜브 보면서 노는 3시간보다 이 책을 읽는게 더 내게 도움이 될꺼라는 생각에. 읽어보니 이번에 보았던 '모바일 앱 개발을 위한 다트 & 플러터' 보다 더 유익했다. 글의 흐름도 더 자연스럽고 내용도 더 알 차게 느껴졌다. 기억해야할 부분 analysis-options.yaml 파일은 꼭 필요한 파일은 아니지만 있으면 더 나은 코드를 작성할 수 있다. 이 파일은 코드를 작성할 때 정적 분석이라고도 하는 린트(lint)를 수행하라고 IDE에 알리는 역할을 한다. analysis-..
회사에 Fluter 관련 책들이 4권 있는 것을 발견했다. 평소에 다 아는 것이겠지 하고 무시하다가 , 요근래 한번 읽어 보자 하는 마음이 생겼다. 그 첫번째가 "모바일 앱 개발을 위한 다트 & 플러터 - 서준수 저" 이다. 2020년 10월에 출판된 것으로 설치 설명에서 확인해보니 Flutter 1.20.2 버전을 설치하고 있다. 지금은 3.10 이 넘어갔으니...책속의 내용과 다른 부분이 있을 것이라는 것을 염두해 두고 보았다. 플러터 개요, 다트 문법, 위젯 개념, 기본 위젯 설명, 레이아웃 구성, 화면 전환 상태 관리, 애니메이션, 실전 프로젝트 의 내용으로 구성 되어있는데 대략 300페이지가 안 된다. 찬찬히 읽어보았을 때, 대부분의 내용이 내가 알고 있는 것이긴 했다. 내가 사용하지 않아서 잘..
![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/zdYV4/btssUbALCHG/74OVhz0uG7yOOIGPkkEHv0/img.png)
현재 만들고 있는 앱의 디자인이 Bottom Navigation Bar (system UI) 와 어울리지 않아서 숨겨 두었다. main 함수에 아래와 같이 추가하면 숨겨진다 문제는 이 엃게 숨겨진 bottom navigation bar 가 영원히 숨겨지는게 아니란 것이다. 사용자가 터치스크린의 bottom edge에서 위쪽으로 swipe하면 다시 나타난다. 그리고 이로 인해 bottom 에 overflow가 발생한다. 이 문제를 해결하기 위해 구글링을 해보았다. 나와 같은 문제를 겪은 사람들이 몇몇 보이지만 완벽하게 해결할 수 있는 방법은 없는 듯하다. (몇 명 보이지 않는 이유가 화면 구성시 이러한 문제가 발생하지 않게끔 해주는 widget 이나 structure 가 있는지도 모르지....) 하나 찾은..
![](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 ..
- Total
- Today
- Yesterday
- 다트
- 이미지
- TextField
- 앱
- 플러터
- DART
- Syncfusion
- 에러
- position
- TextFormField
- 문제 해결
- 인사이트
- UX
- plugin
- IOS
- SizedBox
- BLE
- error
- UI
- firebase
- 앱 프로그래밍
- Flutter
- hide
- 앱개발
- 디자인
- Chrome
- Bluetooth
- 한빛미디어
- 크롬
- addPostFrameCallback
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |