728x90
반응형

FlutterWeb 2

[Flutter] 소셜 로그인: 모바일(SDK)과 웹(OAuth) 완벽 분기 처리 (구글/카카오)

지난 글에서 이메일/비밀번호 로그인을 구현했습니다.하지만 솔직히 말해서, 사용자들은 이메일 치는 걸 귀찮아합니다."카카오로 3초 만에 시작하기" 버튼이 있어야 전환율이 올라가죠.그런데 Flutter로 소셜 로그인을 구현할 때 마주치는 큰 난관이 있습니다.바로 플랫폼별 차이입니다.모바일 (Android/iOS): 네이티브 SDK(google_sign_in)를 써야 사용자 경험이 좋습니다. (시스템 계정 연동)웹 (Web): SDK보다는 전통적인 OAuth 리다이렉트(URL 이동) 방식이 더 안정적이고 표준에 가깝습니다.오늘은 제 프로젝트 코드(Family Planner)를 예시로, 하나의 코드베이스에서 모바일과 웹의 소셜 로그인을 완벽하게 분기 처리하는 아키텍처를 소개합니다.1. 전략: "따로 또 같이" ..

Frontend/Flutter 2026.01.29

Flutter 웹 앱 netlify에 배포하기

React나 Vue 프로젝트를 Netlify에 배포해 보신 분들은 아실 겁니다.그냥 GitHub 리포지토리만 연결하고 버튼 몇 번 누르면 알아서 빌드되고 배포까지 끝나는 그 편리함을요. 저도 이번에 Flutter로 토이 프로젝트를 진행하면서 당연히 똑같이 될 줄 알았습니다. "Flutter도 어차피 웹으로 빌드되니까, Netlify에 바로 연결하면 되겠지?" 결과는 어땠을까요? 처참하게 실패했습니다. 🛑Netlify 기본 빌드 환경에는 Flutter SDK가 설치되어 있지 않기 때문에, 일반적인 방식으로는 빌드 명령어(flutter build web) 자체가 먹히지 않더라고요.스크립트로 설치하려고 시도해 봤지만 빌드 시간이 너무 오래 걸리거나 타임아웃이 나는 등 우여곡절이 많았습니다.결국 돌고 돌아 찾..