Flutter

안드로이드 앱을 실행할 때 기본 스플래시 화면이 잠깐 나타나는 것이 보기에 좋지 않을 수 있습니다. 특히 사용자 정의 스플래시 화면을 설정하려는 경우, 기본 스플래시 끄기 방법을 설명드리겠습니다. 기본 스플래시 화면 투명하게 만들기 안드로이드 12이상 버전에서 기본 스플래시를 끄기 위해, ‘app -> main -> res -> values -> styles.xml’ 파일에 아래의 코드를 추가하여 기본 안드로이드 스플래시 … Read more

안드로이드 스튜디오에서 플러터 프로젝트를 실행하려고 할 때 오류가 발생하는 경우가 종종 있습니다. 이전에는 동일한 기기에서 잘 작동하던 프로젝트가 포맷 후 재설치 후 발생하는 경우입니다. A problem occurred configuring project에 대한 주요 원인과 해결 방법을 아래에서 설명하겠습니다. 문제 원인 이 문제는 주로 ‘namespace’가 지정되어 있지 않기 때문에 발생합니다. 프로젝트를 재설치하면서 설정이 초기화되었거나 잘못 설정된 경우가 있습니다. … Read more

Flutter를 Android Studio에서 사용할 때 “flutter run: No connected devices”라는 메시지가 나타날 수 있습니다. 이는 Flutter가 연결된 Android 장치를 인식하지 못하고 있다는 의미입니다. 이 글에서는 이 문제를 해결하기 위해 사용할 수 있는 방법들을 소개합니다. Android SDK 경로 설정하기 Flutter가 Android SDK 경로를 제대로 인식하지 못하는 경우가 있습니다. 이때는 Flutter의 설정을 업데이트하여 올바른 Android SDK 경로를 … Read more

이번 포스트에서는 아이폰 개발자모드 빌드하는 과정을 진행하면서 겪었던 여러 가지 문제와 그 해결 방법을 소개할 것입니다. iOS 앱을 Xcode를 사용하여 개발하는 과정에서 발생할 수 있는 다양한 문제를 하나씩 해결해 나가며, 성공적으로 앱 출시를 위해 실제 기기에서 테스트하는 방법에 대해 살펴보겠습니다. Xcode 설치 및 초기 설정 앱 개발을 시작하기 위해 첫 번째로 Xcode를 설치하고 설정에서 개발자 … Read more

Flutter에서 사용자에게 요일을 선택하도록 하려면 어떻게 해야 할까요? 이번 글에서는 플러터 ToggleButtons 위젯을 사용하여 사용자가 요일을 선택할 수 있는 간단한 방법에 대해 살펴보겠습니다. 이 기능은 사용자의 활동이나 알림을 설정하는 데 유용하게 사용할 수 있습니다. ToggleButtons Flutter의 `ToggleButtons` 위젯은 여러 선택지 중에서 하나 이상의 옵션을 선택하게 해주는 데 사용됩니다. 예를 들어, 요일을 선택하는 기능의 경우, 사용자가 … Read more

플러터(Flutter)를 사용하면 다양한 모바일 앱을 효과적으로 개발할 수 있습니다. 사용자의 경험을 향상시키기 위해 많은 앱들이 현재 시간을 실시간으로 표시하는 기능을 포함하고 있습니다. 이 글에서는 플러터 시계를 만들어 시간을 실시간으로 표시하는 방법에 대해 자세히 알아보겠습니다. 초기 설정(initState) 먼저, `initState()` 함수에서 시작합니다. 이 함수는 위젯의 생명 주기 동안 한 번만 호출되며, 위젯 초기화에 이상적인 위치입니다. `initState()` 내에서 … Read more

Flutter에서 사용자의 입력을 받기 위한 숫자 키패드를 구현하는 것은 다양한 애플리케이션에서 요구되는 중요한 기능 중 하나입니다. 이 글에서는 `onscreen_num_keyboard` 라이브러리를 활용하여 플러터 Keypad를 구현하는 방법을 살펴보겠습니다. Flutter Keypad 사용자로부터 보안 PIN, 전화번호 등 숫자 기반 데이터를 수집해야 할 때, 숫자 키패드는 효과적인 UI 구성요소입니다. Flutter에서 이러한 기능을 구현하기 위해 `onscreen_num_keyboard`라는 외부 라이브러리를 사용할 수 있습니다. … Read more

플러터 애플리케이션에서 다크모드와 라이트모드를 손쉽게 전환할 수 있습니다. 이 글에서는 Flutter 다크모드를 Provider를 사용하여 구현하는 방법을 단계별로 설명합니다. Flutter 다크모드 다크모드는 화면의 밝기를 낮춰서 사용자가 눈의 피로를 덜 느끼도록 해주는 기능입니다. 라이트모드는 그 반대로 밝은 화면을 제공합니다. 두 모드를 지원하면 사용자가 자신의 선호에 따라 화면 모드를 변경할 수 있습니다. Provider 설치 및 설정 먼저 pubspec.yaml … Read more

아무리 기능적으로 뛰어난 앱이라도 디자인이 형편없다면 사용자들은 그 앱을 사용하지 않을 수 있습니다. 이번 글에서는 1인 개발자로서 디자인 요소를 다루기 위해 널리 사용되는 도구인 피그마(Figma)에 대해 알았보았습니다. 피그마(Figma)란? 피그마(Figma)는 디자이너들이 간편하게 UI/UX 디자인을 할 수 있도록 도와주는 웹 기반 도구입니다. 팀원들과의 실시간 협업이 가능하며, 클라우드 서비스로 접근성이 우수합니다. 피그마를 통해 프로토타입을 쉽게 제작할 수 있고, … Read more

Flutter에서는 많은 레이아웃 위젯들이 존재하지만, 그 중에서도 Stack 위젯은 요소들을 서로 겹치게 쌓아 복잡한 UI를 구성할 때 매우 유용합니다. 이 글에서는 Flutter Stack 위젯에 대해 자세히 설명하겠습니다. Stack 위젯이란? Stack 위젯은 Flutter에서 자식 위젯들을 겹쳐 쌓는 데 사용되는 레이아웃 위젯입니다. 이 위젯은 여러 자식들을 ‘쌓을 수’ 있어, 복잡한 레이아웃이나 애니메이션 효과를 구현할 때 매우 유용합니다. … Read more