프런트엔드/Flutter ( APP )5 플러터 앱 로고와 이름 변경하는 방법 Flutter 앱의 로고와 이름을 변경한 과정을 순서대로 자세히 설명해드리겠습니다. 앱 아이콘(로고) 변경 과정:pubspec.yaml 파일에서 flutter_launcher_icons 설정을 확인했습니다.이미지 파일이 assets/images/app_icon_v1.png에 위치해 있는 것을 확인했습니다.다음 명령어를 실행하여 아이콘을 생성했습니다:flutter pub get && flutter pub run flutter_launcher_icons이 명령어는 Android와 iOS 플랫폼 모두에 대해 새로운 아이콘을 생성합니다.앱 이름 변경 과정:android/app/src/main/AndroidManifest.xml 파일을 수정했습니다. 태그 내의 android:label 값을 "FCM_Lunche.. 2025. 5. 14. badges 시각적 알림으로 앱 향상하기 Flutter Badges 패키지는 Flutter 앱에 배지를 추가하는 데 사용되는 오픈 소스 패키지 입니다. 배지는 일반적으로 작은 숫자 또는 아이콘으로 표시되는 시작적 표현이며, 앱 내 특정 요소에 대한 추가정보를 제공하는데 사용됩니다. https://pub.dev/packages/badges 를 클릭하여 패키지 install 명령어를 복사합니다. flutter pub add badges 터미널에 해당 명령어를 적어 다운 받습니다. BottomNavigationBarItem( label: 'Cart', icon: badges.Badge( position: badges.BadgePosition.topEnd(), badgeStyle: badges.BadgeStyle( padding: EdgeInsets... 2024. 4. 14. Flutter에서 Stateless 위젯을 활용한 자동 완성 기능 구현 신규 페이지를 새로 만든 후 class를 자동 완성하는 기능 신규 Dart 페이지 생성 후 빈 화면이 노출 되는데 2. stat 라고 작성 후 Ctrl + space 를 눌러주면 자동 완성이 된다. 1 . statefulW : Stateful Widget 2 . statelessW : Stateless Widget > 이렇게 두가지 경우가 있는데 두가지 경우 중 사용에 맞는 항목을 선택합니다. 자동 완성 페이지 2024. 4. 9. Flutter에서 비밀번호 숨기기 ObscureText 기능 TextField 값 처리 : Flutter TextField는 텍스트 입력을 위한 기본 위젯입니다. 다양한 옵션을 통해 사용자 정의가 가능하며, 앱 개발에서 텍스트 입력 기능을 구현하는 데 중요한 역할을 합니다. obscureText: true, // 비밀번호 안보이게 Flutter의 TextField의 내부 함수인 obsureText를 사용하면 화면에서 가려줄 수 있습니다. obscureText : 선언이 안되어 있으면 default ( false ) 1. true : 비밀번호 마스킹 되어 화면에 보임 2. false : 비밀번호 작성 그대로 표현 예제코드 /// 비밀번호 TextField( controller: passwordController, obscureText: true, // 비밀번호 안보.. 2024. 4. 7. Flutter : 모바일 앱 개발의 혁신적인 선택 안녕하세요. 이제는 모바일 앱을 개발을 ios 및 Android 용으로 따로 네이티브앱을 구현하지 않아도 됩니다. 플러터는 다양한 기능과 장점을 제공합니다. 첫째, 풍부한 위젯 라이브러리를 통해 다양한 디자인과 사용자 경험을 구현할 수 있습니다. 둘째, 빠른 개발 주기를 가능하게 하기 위해 핫 리로드 기능을 제공하여 코드 변경을 즉시 반영할 수 있습니다. 게다가, 네이티브 성능을 갖춘 앱을 만들 수 있기 때문에 사용자들에게 뛰어난 성능을 제공할 수 있습니다. ** Flutter를 사용하는 이유 대표적인 이관 사례) 네이버 블로그 앱 블로그는 오래된 서비스, 유지보수 비용 증가 (네이티브 앱을 버리고 flutter 사용이유) - 네이버 블로그앱은 2009년에 출시한 오래된 서비스 - 오래된 화면이나 기능 .. 2024. 4. 3. 이전 1 다음
