Flutter

0개의 글

H5 Web OAuth 팝업 로그인: 팝업 차단부터 삼중 채널 중복 구현까지의 완전한 구현

H5 Web OAuth 팝업 로그인의 완전한 구현을 심층 분석합니다. 여기에는 동기식 빈 팝업 열기를 통한 차단기 우회, Chrome 백그라운드 탭 스로틀링 문제를 해결하기 위한 삼중 채널 Token 중복 통신(postMessage + StorageEvent + localStorage 폴링), 그리고 전체 프로세스 버그 디버깅 경험 요약이 포함됩니다.

다중 플랫폼

JoyMini Flutter App — 크로스 플랫폼 슈퍼 앱 아키텍처 실전

Flutter + Riverpod + GoRouter + Dio 기반으로 구축된 소셜 미디어 및 전자상거래 통합 슈퍼 앱으로, IM, LuckyDraw, KYC, 전자상거래, 지갑 등 핵심 기능을 포괄합니다.

프로젝트 사례

UserStore / WalletStore / ConfigStore: Hydrated 3종 세트——Flutter 영속적 상태 관리

HydratedStateNotifier 기반의 세 가지 핵심 Store——UserStore는 사용자 프로필 및 로컬 DB 초기화 관리, WalletStore는 잔액 캐싱, ConfigStore는 동적 설정 캐싱, 그리고 로그인 후 병렬 새로고침 전략을 분석합니다.

다중 플랫폼

UnifiedInterceptor: 오류 전략 분배 + 단일 비행 토큰 갱신

UnifiedInterceptor는 Dio HTTP 인터셉터로, Flutter 애플리케이션에서 모든 HTTP 통신의 중추 신경계 역할을 하며, 장치 지문 주입, 오류 전략 분배, 단일 비행 토큰 갱신 및 서버 시간 동기화를 처리합니다.

다중 플랫폼

ShareService + DeepLinkService: 다중 플랫폼 공유 및 딥 링크 통합

플랫폼별 URL Scheme, 콜드 스타트/웜 스타트 처리, 중복 방지 및 OAuth URL 필터링을 지원하는 다중 플랫폼 공유 및 딥 링크 시스템입니다.

다중 플랫폼

ServerTimeHelper: 시간 보정 + 카운트다운——서버 시간 동기화 시스템

ServerTimeHelper가 모바일 클라이언트와 서버 시간을 동기화하여 사용자의 시계 조작, 시간대 불일치 및 네트워크 지연이 카운트다운 및 출석 체크 로직에서 발생시키는 문제를 해결하는 방법을 심층 분석합니다.

다중 플랫폼

반응형 폼 + JSON Schema 코드 생성 폼 시스템

Flutter 반응형 폼 시스템으로, Stream 기반의 ReactiveFormController (value/status/error BehaviorSubject), JSON Schema 서버 기반 폼 설정, Prisma Schema에서 Dart 코드 생성, 12개 이상의 필드 타입을 지원하는 동적 FormFieldGenerator, 필드 간 구독, 계산 필드, dependsOn 패턴 기반 조건부 가시성, 디바운스 자동 저장 및 초안 복원, 그리고 완전한 동적 상품 폼 실전 데모를 포함합니다.

다중 플랫폼

PlatformAdapter: 조건부 내보내기——크로스 플랫폼 조건부 컴파일 패턴

Flutter에서 Dart 조건부 내보내기 메커니즘을 활용하여 플랫폼별 구현을 통합 인터페이스 뒤에 캡슐화하고 iOS, Android 및 Web을 지원하며 데드 코드 제거를 구현하는 PlatformAdapter 패턴에 대해 자세히 살펴봅니다.

다중 플랫폼

Pipeline Runner: 순차 실행 패턴——신뢰할 수 있는 비동기 파이프라인 아키텍처

Pipeline Runner 패턴 분석: 다단계 비동기 작업 실행을 위한 순차적 오케스트레이션, 단계별 재시도 전략, 타임아웃, 오류 경계, 내장 관측 가능성 지원

다중 플랫폼

MotionX: 위젯 애니메이션 확장 + WiggleOnTap——클릭 시 흔들림과 확대

MotionX 확장 패턴을 분석하고, flutter_animate와 ValueKey 재생 기법을 통해 모든 위젯에 클릭 시 흔들림, 확대, 회전 애니메이션을 추가하여 가볍고 재사용 가능한 인터랙티브 모션을 구현합니다.

다중 플랫폼