본문 바로가기

flutter7

Flutter - Node js - FCM으로 서버에서 푸시 보내보기 개인앱이나 회사 서비스를 만들다보면 채팅, 마케팅 메시지 목적으로 푸시 메시지를 보내야하는 경우가 있습니다. [본 포스팅은 Flutter 프로젝트에 firebase 등록 및 설정이 완료되었다는 가정에서 작성되었습니다 :) ] 등록 안하신 분들은 등록을 먼저 진행해주세요 Flutter 앱에 Firebase 추가 Flutter 앱에 Firebase 추가plat_iosplat_android 이 가이드에 따라 Flutter 앱에 Firebase 제품을 추가하세요. 참고: Firebase는 Flutter와 같은 프레임워크를 최선의 노력으로 지원합니다. 이러한 제품 추가는 Fireba firebase.google.com 아이폰은 추가로 Push Notification 쓸 수 있게 설정이 필요합니다.(까다로운 아이폰.. 2021. 5. 10.
[flutter] Isolate, Compute. 화면 안버벅이고 큰 이벤트 실행하기 플러터(다트)는 단일 쓰레드를 사용합니다. 즉, 사람으로 치면 한 사람이 화면도 그리고, 데이터 통신도 수행하고, 유저의 행동에 따른 반응도 해주고, 그에 필요한 다양한 수학적 연산들도 수행하죠! 참 대단한 사람이죠? 하지만 한손으로 하늘을 가리지 못하듯, 점점 더 이 사람에게 많은 것을 요구할 경우 발생할 수 있는 문제가 있습니다. 바로 동시에 할 수 있는 일은 한정되어있다는거죠! 플러터는 60프레임, 혹은 기기에 따라 120프레임의 퍼포먼스를 목표로 하고 있습니다. 개발자로써는 범용앱이라면 항상 최저 디바이스에서도 원할하게 수행되는 앱을 만들 수 있어야 한다고 생각하기 때문에 60프레임에서 무난하게 돌아가는 앱이 되어야겠죠? 이 경우 플러터가 매 16ms마다 한번씩 업데이트를 해야하는데, 바꿔 말하면.. 2021. 3. 16.
[flutter] TextField 밑줄 제거, 글자수 카운트 제거 Flutter에서 TextField 쓸 때 매번 찾아보게 되는 밑줄 제거, 글자 수 카운트 제거 방법 밑줄 제거 TextField( decoration: InputDecoration( border: InputBorder.none, // 이 부분 추가 suffix: FlatButton( child: Text("저장"), textColor: AppTheme.darkText, onPressed: () { print('저장'); }, ), hintText: '닉네임', ) border로 인식 되기 때문에 이 부분을 InputBorder 옵션 중 none으로 주면 아무것도 보이지 않는다. 글자 수 카운트 제거 서비스 안전성을 위해 maxLength 옵션을 주면 텍스트 필드 우측 하단에 1/10 이런 식으로 꼴보기.. 2021. 3. 9.
[flutter] favorites 공략 - url_launcher 패키지 파헤쳐보기 [flutter] 플러터 공부좀 해봤다면 flutter favorites는 써봐야지 Flutter 공부를 하다보면 본인이 만든 패키지를 쓰기도 하지만 다른 기관 / 팀 / 사람들이 만들어둔 패키지를 사용하기도 합니다. 애초에 플러터가 레고 형식으로 간단히 조립해서 사용하기 좋은 padro.tistory.com flutter favorites 패키지 한번씩 써보기 1탄으로 현재 핸드폰의 인터넷 연결 상태를 반환하는 Connectivity 패키지를 간단하게 적용해보겠습니다. 패키지 주소: pub.dev/packages/url_launcher url_launcher | Flutter Package Flutter plugin for launching a URL on Android and iOS. Supports.. 2020. 10. 29.
[flutter] JSON 직렬화 더 쉽게하기(Model Class 쉽게 만들기) [flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기) [flutter] JSON 직렬화 아주 쉽게하기(Model Class 쉽게 만들기) flutter로 각종 외부 api를 사용하거나, 서버를 통해 데이터를 받을 때, 혹은 내부 DB에 쿼리를 날려 데이터를 받을 때 보면 데이터 처리하는게 좀 귀찮은 부분이 있다. JSON 데이터를 flutter에서 사용 padro.tistory.com 예전에 위 주제로 JSON 직렬화(JSON to Dart)를 아주 쉽게하는 방법에 대해 포스팅했는데, 결론은 소규모프로젝트는 아래 json-to-dart 홈페이지로 가서 그때그때 작업하고 대규모는 플러터 패키지를 쓰는걸로 냈었다. javiercbk.github.io/json_to_dart/ 그.. 2020. 10. 22.
[flutter] 공공 api에서 cctv 데이터를 가져와서 지도에 표시해보자 - 1탄 앱 개발만 하고싶은데 Todo, 싱글게임 만들거 아니면 웬만해서는 서버(백엔드) 개발이 필수적이다. 요즘엔 serverless라고 해서 서버를 없애는 방식도 많이 사용하지만 이것도 백엔드의 역할을 대신해주는 서비스를 통해 서버를 두지 않는다는거지 백엔드의 기능이 필요없는 것은 아니다. 그럼 토이프로젝트로 앱만들고 싶은데 서버는 하기 싫으면? 각종 데이터를 무료로 가져와 쓸 수 있는 공공api를 써보는 것도 좋을 것이다! 알아야 할 용어 정의부터 살펴보면.. API는 애플리케이션 소프트웨어를 구축하고 통합하기 위한 정의 및 프로토콜 세트로, 애플리케이션 프로그래밍 인터페이스(Application Programming Interface)를 의미한다. API는 대부분 REST API거나, 가끔 SOAP API.. 2020. 10. 21.