Flutter는 Google에서 개발한 오픈소스 UI 프레임워크로, 단일 코드베이스로 iOS, Android, Web, Desktop 앱까지 개발할 수 있습니다.이번 글에서는 Flutter를 처음 시작하는 분들을 위해 SDK 다운로드부터 환경 설정, 에뮬레이터 실행까지 단계별로 정리했습니다.1. Flutter SDK 다운로드Flutter 공식 홈페이지에서 운영체제에 맞는 SDK를 다운로드합니다.Flutter 공식 사이트: https://docs.flutter.dev/get-started/installFlutter SDK : https://docs.flutter.dev/install/archive운영체제별 다운로드 링크:MacOS (Intel & Apple Silicon 지원) → https://docs...

Flutter에서 상태 관리를 담당하는 대표적인 라이브러리인 Riverpod이 3.0 버전으로 업데이트되면서 여러 기능 개선과 중요한 변화가 있었습니다. 이 글에서는 Riverpod 3.0의 주요 업데이트 내용을 요약하고, 실제 적용 시 주의할 점과 마이그레이션 팁을 정리합니다.1. 새로운 기능1.1 오프라인 퍼시스턴스(Persistence) – 실험적Notifier 기반 프로바이더의 상태를 앱 종료 후에도 복원할 수 있도록 지원합니다. 예를 들어 사용자의 설정값이나 앱 상태를 SQLite 등 로컬 저장소에 저장하고, 앱 재실행 시 자동으로 불러올 수 있습니다.@riverpodclass MyNotifier extends _$MyNotifier with Persisted { @override MySta..

최근 많은 앱에서 사용자 참여도를 높이기 위해 복권이나 룰렛 같은 게임 요소를 도입하고 있습니다. 특히 토스의 복권 기능은 직관적인 UI와 부드러운 애니메이션으로 많은 사랑을 받고 있죠. 이번 포스트에서는 Flutter를 사용해서 토스 복권과 비슷한 스크래치 복권을 구현하는 방법을 단계별로 알아보겠습니다.- 가독성있게 해야하는데 빨리 해본다고 코드가 지저분한점 양해 바랄게요 ㅠ ... 영상 미리보기 프로젝트 구조먼저 전체적인 구조를 살펴보겠습니다:lib/├── module/│ └── main/│ └── earn/│ └── muppitto/│ └── muppitto_view.dart # 메인 복권 페이지 1. 메인 복권 페이지 구현먼저 복권을 구..

2025년 5월 20일, Dart 팀이 Dart 3.8을 공식 발표했습니다. 이번 릴리스는 생산성 향상과 크로스 플랫폼 개발을 위한 여러 가지 유용한 기능이 포함되어 있으며, 코드 포맷팅과 문법 개선, 크로스 컴파일, 웹 핫리로드, FFI 개선 등이 주요 핵심입니다.이번 블로그에서는 Dart 3.8의 핵심 기능들을 간결하게 정리해보겠습니다.1. 코드 포맷터(Formatter) 개선Dart 3.8부터 dart format 명령어를 실행하면 더 똑똑한 스타일 자동 정리가 적용됩니다.trailing comma 자동 처리→ 이제 불필요한 줄바꿈을 줄이고, 더 깔끔한 포맷을 유지합니다.중첩된 컬렉션 / 메서드 체이닝 정렬 개선→ 가독성이 더욱 향상된 코드 스타일 제공기존 스타일을 유지하고 싶다면 analysis_..

예전 프로젝트를 업데이트하고 다시 빌드하려는데, 갑자기 다음과 같은 에러가 발생했습니다.include of non-modular header inside framework module 'firebase_core.FLTFirebasePlugin'Firebase 관련 헤더 파일에서 발생하는 이 에러는 대부분 iOS의 Build Settings 설정 문제로 발생합니다. 처음에는 뭔가 복잡한 문제일 줄 알고 이것저것 시도해봤는데, 알고 보니 아주 간단한 설정 하나로 해결됐습니다.해결 방법Xcode에서 프로젝트를 엽니다.상단 탭에서 Build Settings로 이동한 후, All을 선택합니다.검색창에 Allow Non-modular Includes In Framework Modules를 입력합니다.해당 항목을 Y..

Flutter로 앱을 개발하면서 서버 API를 호출하는 작업은 거의 모든 프로젝트에서 기본적으로 들어가는 요소다. 하지만 간단해 보이는 API 호출도 실제 운영 환경에서는 다양한 예외 상황과 문제를 발생시킬 수 있다. 이번 글에서는 Flutter에서 API를 호출할 때 반드시 고려해야 할 사항들을 정리해본다.1. 적절한 예외 처리와 에러 메시지 제공API 호출은 항상 성공한다는 보장이 없다. 네트워크 단절, 서버 다운, 인증 만료, 데이터 포맷 오류 등 다양한 이유로 실패할 수 있다. 이런 상황을 고려하지 않고 try-catch 없이 호출만 한다면 앱이 크래시나 무반응 상태로 이어질 수 있다.예외는 반드시 잡아야 한다 (try-catch)사용자에게 의미 있는 에러 메시지를 보여주자 (예: "인터넷 연결을..

Flutter 앱을 개발하다 보면 print() 함수만으로는 한계가 느껴질 때가 많습니다. 디버깅을 위해 로그를 찍었지만, 원하는 정보가 제대로 보이지 않거나, 출력 순서가 꼬여서 원인을 파악하는 데 애를 먹은 경험이 누구나 있을 겁니다.이럴 때 유용하게 사용할 수 있는 도구가 바로 logger 패키지입니다. logger는 단순한 로그 출력 그 이상을 제공하며, 개발 초기부터 도입하면 디버깅뿐 아니라 유지보수 단계에서도 매우 큰 도움이 됩니다.logger가 왜 필요할까?기본 print() 함수는 너무 단순해서 로그의 종류(예: 에러, 경고, 정보 등)를 구분할 수 없고, 포맷도 일정하지 않아 가독성이 떨어집니다. 반면 logger는 로그 레벨, 컬러 출력, 스택 트레이스 표시, 타임스탬프 등 다양한 기능..

긴 리스트나 섹션이 많은 화면을 구성하다 보면, 사용자에게 현재 보고 있는 구간이 어디인지 명확하게 보여주는 UI가 필요할 때가 많습니다. 이럴 때 유용하게 사용할 수 있는 Flutter 라이브러리가 바로 flutter_sticky_header입니다.이번 글에서는 flutter_sticky_header 라이브러리를 통해 스크롤 중에도 헤더가 고정되는 UI를 어떻게 구현할 수 있는지 소개하고, 실제로 적용할 수 있는 코드 예제와 함께 왜 이 라이브러리가 유용한지를 설명해보겠습니다.flutter_sticky_header란?flutter_sticky_header는 이름 그대로 스크롤 중에도 헤더가 상단에 고정(sticky) 되도록 만들어주는 라이브러리입니다. Flutter의 CustomScrollView와 S..

앱을 개발하다 보면, 카카오 로그인은 비교적 쉽게 붙일 수 있는 소셜 로그인 기능 중 하나다.개발 단계에서는 잘 작동하지만, 앱을 배포하고 나면 갑자기 카카오 로그인이 작동하지 않는 문제가 생길 수 있다.나도 실제로 배포 후 이런 문제를 겪었고, 삽질 끝에 해결한 방법을 공유해본다.증상디버그 모드에서는 로그인 잘 됨.하지만 릴리즈(배포) 버전에서는 아무런 반응 없이 실패하거나, 로그인 창 자체가 안 뜸.PlatformException이나 kakao_flutter_sdk 내부에서 실패 로그가 나오는 경우도 있음.원인배포된 앱에서는 key hash (키 해시) 값이 다르기 때문이다.디버그 키와 릴리즈 키는 서로 다르기 때문에, 카카오 개발자 센터에 릴리즈 키 해시를 등록하지 않으면 배포 앱에서 인증이 실패하..

안녕하세요, 오늘은 Flutter 프로젝트에서 Agora의 여러 SDK를 함께 사용할 때 발생하는 골치 아픈 문제에 대한 해결책을 공유하려고 합니다.문제 상황최근 실시간 음성/영상 통화와 채팅 기능을 모두 갖춘 앱을 개발하면서 Agora의 여러 SDK를 함께 사용했습니다dependencies: agora_rtc_engine: ^6.5.0 agora_rtm: ^2.2.2 agora_chat_sdk: ^1.3.1+1그런데 iOS 빌드 시 아래와 같은 오류가 발생했습니다[!] The 'Pods-Runner' target has frameworks with conflicting names: aosl.xcframework. 수시간의 구글링과 삽질 끝에 원인과 해결책을 찾았습니다. ㅜㅜ 이 오류는 agora_..