A Technical Deep Dive into Flutter: Building a Breathing Meditation App from Scratch

flutter_project_log_breathing_app

“What app should I build next?” This is a familiar and exciting question for every developer. It’s from this simple starting point that our project began. From a sea of ideas, we chose the concept of a “situational breathing coach app” and set out to bring it to life with Flutter. This article is a … 더 읽기

Building an Interactive Map in Flutter: An Epic Saga of What Went Wrong

flutter-worldmap-project-1

Hello, everyone! Welcome to another post from my app development journey. This time, I’m sharing the story of all the trials and tribulations I faced while building what I thought was a simple idea: an on-device, interactive info app. What started as a simple concept turned into a multi-day debugging adventure. 😂 1. The 3D … 더 읽기

Flutter & watchOS: A Deep Dive into My Troubleshooting Journey

flutter-watch-troubleshooting

Hello! I recently completed a project where I created a Pomodoro timer app with Flutter and connected it to work on an Apple Watch. In the process, I encountered and solved several issues between the Flutter and native watchOS development environments. I’m documenting this journey to help other developers who might face similar struggles. Initial … 더 읽기

Flutter CLI: flutter create

flutter-command-create

플러터(Flutter) 프로젝트를 생성하는 명령어인 create 명령과 옵션에 대해서 기록해 봅니다. flutter create 플러터(Flutter) 프로젝트를 생성하는 명령어로 옵션 없이 사용 시 카운터 예제 코드와 함께 모든(android, iOS, macOS, Linux, Windows, Web) 플랫폼 개발용으로 생성됩니다. “flutter create” 명령 옵션 중 실용적인 옵션들에 대해 정리해 보기로 합니다. –org (조직/회사 식별자 지정) 가장 중요한 옵션으로 APP Store에 출시할 때 … 더 읽기

Flutter AI Chat Example Step 2: HTTP REST API, JSON, Gemini API, Isar DB

flutter-ai-chat-app-example-step2

지난 Step1 에서는 HTTP REST API, JSON, Gemini API, Isar Database 에 대하여 개념을 잡아 보았다. 이번 Step2 에서는 구현 코드와 함께 필요한 내용을 코드 내에 주석으로 기록해 봅니다. 코드로 들어가기에 앞서 ‘Isar’ 데이터베이스 관련 안드로이드 Gradle 이슈가 있었는데 해당 내용은 아래 링크를 참조하기 바랍니다. https://totheeden.ddnsgeek.com/how-to-automatically-add-the-namespace/ Gemini API의 키를 발급 받는 곳은 아래 링크로 가시면 … 더 읽기

Flutter AI Chat Example Step 1: HTTP REST API, JSON, Gemini API, Isar DB

flutter-ai-chat-example

구글의 제미나이를 이용한 AI 채팅 앱을 만들어 보자. 주요 기능으로는 HTTP REST API, Gemini API, Isar Database, JSON 을 주로 사용한다. Flutter Plugin HTTP API의 종류 HTTP 요청 메서드 REST API REST(Representational State Transfer) API는 REST 기준을 따르는 HTTP API입니다. HTTP API이므로 GET, POST, PUT, DELETE 메서드를 제공합니다. HTTP와 다른 점은 REST는 균일한 인터페이스, 무상태, … 더 읽기

How to Automatically Add the Namespace Required by Flutter (Android Gradle 8)

Flutter-Android-Issue

The latest Flutter versions now utilize Gradle 8 or higher, which means Flutter plugins need to be updated to support these newer requirements. Since not all plugins immediately reflect the latest update demands, developers need a solution to address plugins that haven’t yet adopted these new requirements. It’s said that you can implement a feature … 더 읽기

Flutter Example : Photo Sticker – Step 2

flutter_example_photo_sticker_step_2

이번 단계에서는 사용자가 스티커 위치를 변경하고, 두 손가락으로 크기나 각도(회전)를 변경할 수 있는 기능을 구현해 봅니다. 이 전 단계 Step 1 링크 : https://totheeden.ddnsgeek.com/flutter-example-photo-sticker-step-1/ 구현 sticker_model.dart main.dart 1.StickerModel 클래스 스티커의 path, position (Offset), scale, rotation을 관리합니다. id 필드를 추가하여 여러 스티커를 관리할 때 각 스티커를 고유하게 식별할 수 있도록 했습니다. 2.상태 변수 변경 _selectedStickerPath (이전의 … 더 읽기

Flutter Example : Photo Sticker – Step 1

flutter_example_photo_sticker_step_1

image_picker, GestureDetector, Positioned를 활용하여 사진에 스티커를 붙이는 기능을 가진 Flutter APP를 만들어 보겠습니다. 이번 단계에서는 사진을 선택해서 배경 이미지를 적용하고 스티커 이미지를 선택할 수 있는 UI와 선택한 1개의 스티커를 배경 사진 위에 표시하는 것 까지 구현해 보기로 합니다. 구현 pubspec.yaml main.dart image_picker 패키지 ImagePicker 클래스를 사용하여 갤러리(ImageSource.gallery) 또는 카메라(ImageSource.camera)에서 이미지를 가져올 수 있습니다. pickImage() 메서드는 … 더 읽기

플러터(Flutter) 예제(Example) – Google Map API, Geolocator

geolocator_app_example

구글 맵 API를 이용하기 위한 google_maps_flutter 플러그인과 GPS 활용을 위한 geolocator 플러그인을 사용하여 회사나 목적지 근처에 도착을 체크하는 예제를 만들어보자. Geolocator 플러그인 Geolocator 플러그인의 주요 기능은 위치 서비스 권한을 얻거나 확인하는 것과 GPS 위치를 활용할 수 있는 것이다. 위치 서비스 권한 위치 서비스 권한이 켜져 있는지 확인하는 함수로 IsLocationServiceEnabled() 를 사용한다. 앱의 위치 서비스 사용 … 더 읽기