'로또 사고 싶은날' 개발기 11편: 한 끗 차이의 디테일! 프리미엄 설정과 UI 최적화 전략

 

핵심 기능이 모두 구현되었다면, 이제 앱의 '완성도'를 결정짓는 디테일에 집중할 때입니다. 사용자들은 기능이 작동하는 것만큼이나 '나에게 맞춤화된 경험'을 중요하게 생각합니다. '바이브 로또'는 단순한 정보 제공을 넘어, 사용자가 직접 앱의 분위기를 바꾸고 세밀한 동작을 제어할 수 있는 설정(Settings) 화면을 강화했습니다. 이번 포스팅에서는 복잡한 설정값들을 효율적으로 관리하고, UI의 퀄리티를 한 단계 높인 과정을 공유합니다.

 

1. 사용자 맞춤형 테마 및 다크 모드(Dark Mode) 구현

현대 앱 개발에서 다크 모드는 선택이 아닌 필수입니다. 특히 밤늦게 로또 당첨 번호를 확인하는 사용자들이 많다는 점에 착안하여, 눈의 피로를 덜어주는 다크 모드를 완벽하게 지원하도록 설계했습니다. Flutter의 ThemeData를 활용하여 시스템 설정에 따라 자동으로 변하거나, 사용자가 직접 고정할 수 있는 옵션을 제공했습니다. 이를 통해 어떤 환경에서도 '바이브 로또'만의 브랜드 아이덴티티가 깨지지 않도록 색상 팔레트를 세심하게 조정했습니다.

2. 복잡한 설정값 관리를 위한 효율적인 상태 관리

알림 On/Off, 진동 피드백 여부, 기본 화면 설정 등 수많은 설정값(Preference)을 매번 DB에서 직접 불러오는 것은 비효율적입니다. '바이브 로또'는 Provider와 SharedPreferences를 조합하여, 앱 실행 시 모든 설정값을 메모리에 로드하고 변경 즉시 반영되는 구조를 만들었습니다. 아래는 설정 상태를 전역적으로 관리하는 클래스의 핵심 로직입니다.

// 핵심 소스 코드: 설정 상태 관리 (settings_provider.dart)
import 'package:flutter/material.dart';
import 'package:shared_preferences/shared_preferences.dart';

class SettingsProvider with ChangeNotifier {
  bool _isDarkMode = false;
  bool _useHaptic = true;
  
  bool get isDarkMode => _isDarkMode;
  bool get useHaptic => _useHaptic;

  SettingsProvider() {
    _loadSettings();
  }

  // 로컬 저장소에서 설정 로드
  Future<void> _loadSettings() async {
    final prefs = await SharedPreferences.getInstance();
    _isDarkMode = prefs.getBool('isDarkMode') ?? false;
    _useHaptic = prefs.getBool('useHaptic') ?? true;
    notifyListeners();
  }

  // 다크모드 전환 및 저장
  void toggleDarkMode(bool value) async {
    _isDarkMode = value;
    final prefs = await SharedPreferences.getInstance();
    await prefs.setBool('isDarkMode', value);
    notifyListeners();
  }
}

3. 반응형 UI와 다양한 기기 해상도 대응

안드로이드 생태계는 수많은 화면 크기와 비율을 가지고 있습니다. 일반 스마트폰부터 폴더블 폰, 태블릿까지 고려해야 하죠. '바이브 로또'는 하드코딩된 수치 대신 LayoutBuilder와 MediaQuery를 적극 활용하여, 어떤 화면에서도 UI가 깨지지 않고 자연스럽게 배치되도록 만들었습니다. 특히 로또 번호 6개가 가로로 나열되는 UI는 화면 폭이 좁은 저가형 기기에서도 텍스트가 잘리지 않도록 자동 크기 조절(Auto-Size Text) 로직을 적용했습니다.

 

4. '프리미엄' 감성을 더하는 마이크로 인터랙션

버튼을 눌렀을 때의 미세한 애니메이션, 화면 전환 시의 부드러운 슬라이딩 효과 등 '마이크로 인터랙션'은 앱을 훨씬 비싸 보이게 만듭니다. '바이브 로또'는 리스트 아이템을 삭제할 때 사라지는 효과나, 설정 스위치를 켤 때 느껴지는 부드러운 진동 등 디테일에 공을 들였습니다. 이러한 요소들은 사용자가 앱을 사용하며 느끼는 '만듦새'에 대한 신뢰로 이어집니다.

당신의 취향대로 커스텀하는 로또 앱, '바이브 로또'를 만나보세요!

👉 바이브 로또 다운로드 바로가기

11회차를 통해 앱의 껍데기를 넘어선 '감성 품질'까지 챙겨보았습니다. 하지만 개발 과정이 항상 순탄한 것만은 아니죠. 예상치 못한 큰 변화가 필요할 때가 있습니다. 다음 12편에서는 서비스의 정체성을 바꾸는 큰 결단이었던 "MyFeelLotto에서 '바이브 로또'로의 리브랜딩 및 패키지명 변경 마이그레이션"에 대한 파란만장한 이야기를 들려드리겠습니다.