Flutter(114)
-
[002] Appsflyer - Flutter(플러터) 연동하기 2 + 맞춤형 Backup Rule 적용하기
안녕하세요~ totally 개발자입니다. 먼저 기존 포스팅을 진행하셔야 하며, 이 포스팅에서는 플러터에 Appsflyer를 설치하는 방법을 소개합니다.https://totally-developer.tistory.com/192 [001] Appsflyer - Flutter(플러터) 연동하기 1안녕하세요 totally 개발자입니다. 이번 포스팅에서는 Appsflyer 마케팅 도구를 가지고 Flutter에 연동하는 방법에 대해 소개하도록 하겠습니다. Step 1: Appsflyer 웹사이트에 들어가신 후 회원가입을 진totally-developer.tistory.com Step 1: 먼저 pubspec.yaml 파일에 appsflyer_sdk 패키지를 설치합니다. (현재 기준 최신 버전) Step 2: 그..
2025.04.01 -
[018] 플러터 (Flutter) Tip - simple_html_css 패키지 사용하여 HTML 코드 표현하기
안녕하세요~ totally 개발자입니다. 앱을 개발하다보면 HTML 코드를 표시해야 하는 경우가 생기는 데, 그 경우 사용하기 좋은 패키지가 있습니다. 바로 simple_html_css입니다. 자세한 사용법은 아래 문서를 참고하시기 바라며 예제를 통해 바로 실습해보도록 하겠습니다.https://pub.dev/packages/simple_html_css simple_html_css | Flutter packageThis package allows you to use simple HTML and inline CSS styles to style your text in flutter. A fork of css_text package.pub.dev Step 1: 먼저 pubspec.yaml 파일에 simple_..
2025.03.25 -
[075] 플러터 (Flutter) 배우기 - 상태 관리7 (GetX 사용 - Obx, RxList, GetXController, Dio 사용하여 리스트뷰 구현하기)
안녕하세요 totally 개발자입니다. 오늘 이 시간에는 GetX 상태 관리 패키지, Dio를 이용하여 setState 사용 없이 간단하게 상태를 업데이트할 수 있도록 리스트를 만들어 보겠습니다. 페이지 1개, model 객체 1개, controller 1개씩 이용하여 만들어보도록 하겠습니다. 데이터는 https://jsonplaceholder.typicode.com/todos 여기에서 받아오도록 하겠습니다. GetX의 기본 원리는 아래와 같습니다. 1) 기존 MaterialApp 대신 GetMaterialApp으로 감싸줍니다.2) UI에서 사용될 페이지가 로딩됩니다.3) 페이지에서 사용할 상태를 컨트롤러를 등록 및 활용하여 업데이트한다.4) GetX, GetBuilder, Obx 등의 위젯을 사용하여서..
2025.01.20 -
[017] 플러터 (Flutter) Tip - flutter_native_splash 사용시 안드로이드 12이상에서 중앙 이미지가 잘려 보이는 경우 해결 방법
안녕하세요 totally 개발자입니다. flutter_native_splash를 사용하면 간단하게 스플래시 화면을 구축할 수 있는데, 단점은 직접 커스텀해서 만들 수는 없어서 정해진 틀 안에서 사용하시면 좋은 패키지입니다. 이 패키지를 사용하면 화면의 중앙부, 하단부, 배경 이 3 부분을 활용해서 제작을 해야 합니다.pubspec.yaml 맨 하단에flutter_native_splash: color: "#ffffff" # 배경 색 image: "assets/splash_image.png" # 중앙 이미지 branding: "assets/branding_image.png" # 하단 이미지 android_12: color: "#ffffff" image: "assets/splash_andro..
2024.12.26 -
[016] 플러터 (Flutter) Tip - FCM 세팅시 안드로이드 missing default_notification_channel_id 문제 해결법 (백그라운드에서 푸시 헤드업 알림을 받지 못하는 경우)
안녕하세요 totally 개발자입니다~ Firebase Cloud Messaing (FCM) 푸시 알림 세팅할 때 안드로이드에서 세팅을 다 완료해준 것 같은데 아래와 같은 오류가 뜨는 경우가 있습니다. "W/FirebaseMessaging(24847): Missing Default Notification Channel metadata in AndroidManifest. Default value will be used." 이는 AndroidManifest에 default_notification_channel_id 부분이 제대로 인식되지 않기 때문에 나오는 오류인데, 아래처럼 위치를 조정해주면 빠르게 해결할 수 있습니다. 위치를 activity 태그 안에 두는 것이 아니라, application 태그 안에..
2024.12.24 -
[015] 플러터 (Flutter) Tip - Mac에서 JAVA_HOME is set to an invalid directory 해결
안녕하세요~ totally 개발자입니다. 초기 세팅시 Mac(애플 실리콘 기준)에서 플러터로 안드로이드 에뮬레이터 등을 구동하려고 할 때, 아래와 같은 오류가 날 때, 해결 방법입니다. 저는 openjdk17를 brew를 이용해 설치하였습니다. 먼저 flutter doctor -v 명령어로 터미널에 입력하시면 대체적으로 아래와 같은 오류가 나올 것입니다.Cannot execute /Applications/Android Studio.app/Contents/jre/Contents/Home/bin/java to determine the version버전을 확인할 수 없다는 내용인데 이 경우 해결을 해보려고 ~/.zshrc 환경설정 JAVA_HOME, PATH 설정 등 계속 source ~/.zshrc 명령어로..
2024.12.06