✏️/Flutter (30) 썸네일형 리스트형 [flutter] fcm 알림 - background 처리하기 (1편, 설정) 이 글은 flutter v.1.22 / firebase_messaging: ^7.0.3 기준으로 작성되었습니다. 지난 포스팅으로, local notification을 다루면서 fcm 포그라운드 환경 처리를 해주었다. (이전글) - [flutter] local notification - FCM foreground 처리하기 +) 만약, foreground와 background에 대해서 의미가 헷갈리다면, 이 부분을 확인하길 바란다. - Foreground포그라운드 : 앱을 사용하고 있을 때 - Background백그라운드 : 다른 앱을 사용하고 있어 최소화 되어 있을 때 등 - Terminated : 앱이 완전히 종료되었을 때, 또는 디바이스가 lock 상태일 때 등 또, 추가로 FCM 공식문서에서 디바이스.. [dart] 헷갈리는 상수 친구들 알아보기 - const / final 플러터 개발 하다보면, 예제에 가끔 상수처리 한 것을 종종 볼 수 있다. 그러면, const와 final 키워드의 차이가 무엇이며 각각 언제 사용해야할까? https://dart.dev/guides/language/language-tour#final-and-const A tour of the Dart language A tour of all the major Dart language features. dart.dev 들어가기에 앞서, const와 final에 대해서 알아보자 final - 컴파일 이후 런타임에 코드가 실행될 때마다 정의 // e.x. final a = b; const - 컴파일 타임에서 계산할 수 있는 데이터 (런타임에 계산 해야하는 항목은 불가) // e.x. const a = []; .. [flutter] 벡터이미지(SVG) 파일 다루기 2탄 - svg image provider (이전 글 벡터이미지(.svg) 파일 다루기 1탄 참고) [flutter] 벡터이미지(SVG) 파일 다루기 (flutter v.1.22) 앱의 디자인을 입히는 과정에서, 벡터 파일을 가져와서 앱에 입혀야하는 경우가 있다. 피그마 같은 툴로 디자이너와 협업 하는 경우 아이콘들을 벡터 기반의 파일로 공유 받곤 한다. 벡터로 이 doitduri.tistory.com 이번 포스팅은, svg 파일을 Image Provider로 다루는거에 대해서 이야기 할 예정이다. https://pub.dev/packages/flutter_svg_provider flutter_svg_provider | Flutter Package Generate image provider from svg path, use flutter_svg .. [flutter] 벡터이미지(SVG) 파일 다루기 (flutter v.1.22) 앱의 디자인을 입히는 과정에서, 벡터 파일을 가져와서 앱에 입혀야하는 경우가 있다. 피그마 같은 툴로 디자이너와 협업 하는 경우 아이콘들을 벡터 기반의 파일로 공유 받곤 한다. 벡터로 이미지를 사용 할 경우 re-size 했을 때 깨짐 없이 다양한 해상도에서 자유롭게 쓸 수 있다는 장점이 있어서 앱 개발 했을 때 많이 사용한다. 오늘은, flutter 에서 핵핵 좋은 벡터 파일들을 한번 사용해보자! (진짜 핵간단하다!!@!@) https://pub.dev/packages/flutter_svg flutter_svg | Flutter Package An SVG rendering and widget library for Flutter, which allows painting and displaying Scal.. [flutter] BLoC 라이브러리 클래스 살펴보기 어떻게 사용하는지, 그리고 꼭 알아야 하는 것이 무엇인지 알아보자! https://bloclibrary.dev/#/flutterbloccoreconcepts} Bloc State Management Library Official documentation for the bloc state management library. Support for Dart, Flutter, and AngularDart. Includes examples and tutorials. bloclibrary.dev 위 링크를 타고 가면, Flutter에서 BLoC 패턴을 사용하기 위한 필수! 개념들에 대해서 정리해놓았을 것이다. 개인적으로 BLoC 패턴을 이용해서 개발을 하고자 한다면, 반드시 숙지하고 넘어가길 바란다. (실제로 가장.. [flutter] BLoC 🎲 pattern intro 플러터로 앱 개발하면서 자주 사용하고 있는 패턴인 BLoC에 대해서 오늘은 간단하게 정리 겸 ~~~ 해서 글을 써보겠다. Bloc State Management Library Official documentation for the bloc state management library. Support for Dart, Flutter, and AngularDart. Includes examples and tutorials. bloclibrary.dev (개인적으로 로고가 너무 맘에 든다..) BLoC pattern BLoC 공홈을 보면 다음과 같이 설명이 되어 있다. Bloc makes it easy to separate presentation from business logic, making your co.. [flutter] flutter 환경 셋팅 이슈 - plugin not installed (android studio 4.2 / flutter 1.22) 아.. 최근에 컴퓨터에 깔려 있는 안스를 다시 다운 받는 일이 있어 4.2버전으로 다운 받았는데,, 다음과 같은 이슈 상황이 생겼다. 나의 경우, 안스에 flutter, dart 플러그인이 이미 설치되어 있었던 터라 이게 무슨.. 에러인가 싶어 검색해보았다. 검색해보니, 안스의 플러그인이 제대로 연결이 안되어 있어서 다음 명령어를 통해 안스 프로그램과 플러그인 파일의 링크 파일 생성을 통해 해결 할 수 있었다. ln -s ~/Library/Application\ Support/Google/AndroidStudio4.2/plugins ~/Library/Application\ Support/AndroidStudio4.2 -- 참고 https://www.inflearn.com/questions/79559 ht.. [flutter] flutter 환경 셋팅 이슈 - Android license status unknown 플러터 Run 중 다음과 같은 에러가 발생 했다. 대충 읽어보면, android 빌드 과정에서 해당 플러그인을 못가져오는데, flutter doctor 명령어를 통해 제대로 안드로이드 환경이 구축 됐는지 확인해보았다. 다행스럽게도, flutter doctor에서 문제 원인을 알 수 있었고, android SDK가 제대로 없다고 이야기하니, 제대로 잡아보자! 해결방법 Preferences (cmd + ,) | Appearance & Behavior | System Settings | Android SDK 로 진입해서, Android SDK Command-line Tools를 체크해주고 열~~심히 설치해주면 해결! 이전 1 2 3 4 다음
