본문 바로가기
반응형

FLUTTER437

플러터 패키지 adaptive_dialog 2.3.0 사용법: 다양한 다이얼로그 쉽게 구현하기 Flutter로 앱을 개발하다 보면 사용자와의 상호작용을 위한 다이얼로그(Dialog)를 자주 사용하게 됩니다.하지만 기본 제공되는 다이얼로그는 커스터마이징하기 어렵고, 여러 플랫폼(Android/iOS)에 맞춘 디자인을 구현하려면 번거로운 작업이 필요합니다.이 문제를 해결하기 위해 adaptive_dialog 패키지가 유용합니다.이번 글에서는 adaptive_dialog 2.3.0 패키지를 설치하고 사용하는 방법을 단계별로 알아보겠습니다.1. adaptive_dialog란?adaptive_dialog는 Flutter에서 다양한 다이얼로그(알림창, 옵션 선택창, 텍스트 입력창 등)를 쉽게 구현할 수 있도록 도와주는 패키지입니다.플랫폼(Android/iOS)에 맞는 네이티브 스타일의 다이얼로그를 자동으로 .. 2024. 12. 3.
플러터 TextFormField에서 블루투스 키보드 입력 제한하기: inputFormatters 사용법 Flutter 앱 개발 시 TextFormField를 사용해 사용자 입력을 처리하는 경우가 많습니다.특히, 모바일 디바이스에서는 화면 내 소프트 키보드 외에 블루투스 키보드로 입력을 받을 수 있습니다.그러나 때로는 블루투스 키보드의 입력을 제한해야 할 필요가 있을 수 있습니다.이 글에서는 이를 구현하기 위한 방법으로 inputFormatters를 활용하는 방법을 소개하겠습니다.1. 왜 블루투스 키보드 입력을 제한해야 하나?블루투스 키보드 입력을 제한해야 하는 이유는 상황에 따라 다릅니다:보안 요구사항: 일부 앱은 특정 방식으로만 데이터를 입력받도록 요구됩니다.UX 개선: 사용자가 소프트 키보드 외부에서 입력하면 의도하지 않은 데이터가 입력될 가능성이 있습니다.입력 제어: 키보드 외부 장치에서 잘못된 문자.. 2024. 12. 3.
[50살에 플러터 개발 도전기] 파이어스토어 Storage 설치 후 iOS 빌드 안되는 문제 해결하기 안녕하세요! 오늘은 Flutter 프로젝트에서 Firebase의 firebase_storage를 설치한 후 iOS 빌드가 안 되는 문제를 해결했던 경험을 공유하려고 합니다.저는 50세의 남자로, Flutter 개발자가 되는 것을 꿈꾸고 있습니다.때때로 개발 중에 예상치 못한 문제들이 발생하는데, 오늘도 그 중 하나를 해결했어요.문제 발생Flutter 프로젝트에 Firebase Storage를 추가한 후, iOS 빌드를 시도했더니 갑자기 빌드가 실패하는 문제가 발생했습니다.오류 메시지나 특정한 힌트는 없었지만, 빌드가 되지 않는 상태였습니다.몇 번의 시도 후, 문제가 Firebase 관련 라이브러리 버전 충돌 때문임을 알게 되었습니다.해결 방법문제를 해결하기 위해, Podfile과 Podfile.lock .. 2024. 12. 3.
Dart에서 타이머 숫자를 항상 두자리로 표시해주는 padLeft 메서드 사용법 padLeft는 Dart에서 문자열을 원하는 길이만큼 왼쪽으로 패딩(채우기)하여 새 문자열을 반환하는 메서드입니다.주로 문자열의 길이를 특정 값으로 맞추거나, 좌측 정렬된 형태를 유지하고 싶을 때 사용됩니다.메서드 시그니처String padLeft(int width, [String padding = ' ']); width: 결과 문자열의 최소 길이입니다. 원래 문자열의 길이가 width보다 작다면, 왼쪽에 padding 문자를 추가합니다.padding: 선택적 매개변수로, 문자열 왼쪽을 채울 문자입니다. 기본값은 공백(' ')입니다.주요 특징원래 문자열의 길이가 width와 같거나 크다면, 원래 문자열 그대로 반환됩니다.문자열이 지정된 길이에 도달할 때까지 padding이 반복적으로 추가됩니다.사용 예제.. 2024. 11. 30.
플러터에서 MVVM 패턴의 ViewModel이란? MVC 패턴과 비교해서 이해하기 앱 개발을 하다 보면 MVC, MVVM 같은 아키텍처 패턴을 접하게 됩니다.이 중 MVVM 패턴에서의 ViewModel은 앱의 구조를 이해하는 데 중요한 역할을 하지만, 많은 초보 개발자들이 이 개념을 헷갈려 합니다. 특히 MVC 패턴과의 차이점을 이해하면 MVVM의 ViewModel 역할이 더 명확해집니다.이번 글에서는 MVC와 MVVM 패턴을 비교하여 ViewModel이 무엇인지 쉽게 설명하겠습니다.MVC 패턴이란?MVC 패턴은 Model-View-Controller로 구성된 전통적인 아키텍처 패턴입니다.Model: 데이터와 비즈니스 로직을 처리합니다. 데이터베이스와의 상호작용이나 API 호출을 담당하는 부분입니다.View: 사용자에게 보여지는 화면(UI)입니다. 예를 들어, Flutter의 위젯이 .. 2024. 11. 14.
플러터에서 위젯 함수와 클래스 차이점: 코드 분리 시 어떤 것을 선택해야 할까? Flutter에서 코드를 분리할 때, Widget을 함수 형태로 만들지, 아니면 클래스로 만들어야 할지 고민될 때가 많습니다.두 가지 방식 모두 Flutter에서 자주 사용되지만, 상황에 따라 더 적합한 방법이 있습니다.이 글에서는 위젯을 함수로 만드는 경우와 클래스로 만드는 경우의 차이점과, 각각의 장점과 단점을 알아보겠습니다.이 내용을 통해 코드 분리 시 어떤 방식이 더 적합할지 판단할 수 있을 거예요!위젯을 함수로 만들기Flutter에서는 함수로 간단한 UI를 구성할 수 있습니다.함수 형태의 위젯은 보통 작은 UI 요소를 만들 때 유용하며, 코드가 간결해지고 빠르게 작성할 수 있다는 장점이 있습니다.Widget profileImage(String imageUrl) { return CircleAva.. 2024. 11. 14.
반응형

티스토리툴바