1주차 준비 : 회의 내용 및 TODO

1주차 추가할 기능

• 다국어화(FF이용) - 
  • ff 이용하여 전체 번역
  • 아래 코드 처럼 커스텀 코드 사용하여 앱에서 자동으로 언어를 감지하게 하여 적용

import 'dart:ui';

String getDeviceLocale() {
  return PlatformDispatcher.instance.locale.languageCode;
}

https://docs.flutterflow.io/concepts/localization/

• 이벤트 연동 (GA-plausible)
• UI 내비게이션 단순화 및 개선 
• 푸시알림 개발 연동 테스트 (FCM)
  • https://docs.flutterflow.io/concepts/alerts-notification/push-notifications/

---

• 회원가입/로그인 사용 개선
  • 소셜 로그인
    • 구글 로그인
      • https://docs.flutterflow.io/integrations/authentication/firebase/google-oauth-login/
    • 애플로그인
      • https://docs.flutterflow.io/integrations/authentication/firebase/apple/
• 개인화된 온보딩 프로세스 개선(FF툴팁 및 FAQ이용, 첫 화면 스플래시 및 체험모드)
  • FF툴팁
    • Tooltip : 사용자가 특정 요소를 길게 누르거나 (모바일) 마우스를 올릴 때 (웹) 텍스트를 표시
    • 순서대로 툴팁을 적용해서 알려주는 방식인 듯
    • tooltip 사용법
      • tooltip을 사용하고자 하는 위젯 우클릭
      • wrap widget을 선택한 후 감쌀 위젯으로 tooltip 선택
      • tooltip 위젯에서 메시지를 바꿔주기 (ex. 여기를 눌러보세요!)
      • walkthrough가 툴팁 이용해서 온보딩 넣을 수 있는 기능

 

---

내 파트에 해당하는 부분 리서치, 적용할 수 있는 방안 공유하기
1. UI 내비게이션 단순화 및 개선 

알림창 스타일 통일성 부족
profile - activity history 스크롤 끝까지 안되는 것 불편함
최근 완료한 tasks 리스트 동적으로 로드하는 게 좋을 것 같음
회원탈퇴 제대로 구현되어 있는 것인지 의문. 다시 로그인 했을 때 기존 데이터 그대로.

• 네비게이션 단순화
  • Bottom Navigation Bar 또는 TabBar 사용 
  • Navigation Stack 깊이 최소화
    • Push와 Pop을 반복적으로 사용하는 대신, 가능한 경우 Replace 또는 Push Named and Remove Until을 사용. FlutterFlow에서는 각 버튼의 Action 설정에서 Go to Page → Transition Type을 Replace로 설정할 수 있음
  • Conditional Visibility로 다중 페이지를 하나처럼 구성
    • 탭 형태로 구현하기 어려운 경우, 하나의 페이지에서 Visibility 조건을 사용해서 다양한 섹션을 보여줄 수 있음
    • 예: “내 피드”, “좋아요한 글”, “설정”을 하나의 페이지에서 버튼으로 전환 가능.

• Listview -> SingleChildScrollView로 감싸기
  • Column 안에 ListView 넣고 높이 제한을 안 준 경우 스크롤 안 됨
• 동적 리스트 생성
  • 반복할 데이터 소스 지정하여 상태 변수 추가
  • 개수 제한 (limit(5) 등)으로 성능 최적화
• Appbar 버튼 통일
  • 뒤로가기, x 를 하나로 통일

2. 푸시알림 개발 연동 테스트 (FCM)
FCM 설정시 주의사항
-ios 에뮬에서는 동작하지 않으므로 실제 기기에서 테스트 할 것
-로그아웃 상태인 사용자에게는 알림이 전송되지 않음
-앱이 열려 있는 상태에서는 작동하지 않음

[ios] 추가로 설정해야 되는 것들
Apple Developer Console에서 key 발급받기
Firebase project에 Apple Push Notifications service (APNs) key 추가하기
Apple developer account에 Identifier 추가하기
Apple developer account에 push notifications capability 추가하기

• Flutter Flow 
  Firebase Cloud Messaging (FCM)을 기반으로 작동
  ex. 새 메시지 수신, 약속 시간 또는 이벤트 리마인더
  • Trigger Push Notification 
    Trigger Push Notification action을 추가하여 특정 이벤트 발생 시 push 알림을 보낼 수 있음
    
    • 이벤트가 발생하는 위치에 액션 추가
    • trigger Push Notification 액션 선택
    • Audience(대상) 설정
  • 장점
    • 빠른 구현 및 테스트 가능
    • Firebase 연동 이미 되어 있으므로 설정이 간단
  • 단점
    • 메시지 생성 외의 복잡한 로직 제어는 어려움
    • 대규모 사용자 분산 처리에는 부족함
• BuildShip 
  Flutter Flow에서 만든 앱을 자동 빌드, 푸시 알림 설정, 배포 등 도와주는 외부 플랫폼
  다양한 API 연동을 지원
  Firestore 문서가 추가/변경/삭제될 때 자동으로 워크플로우 실행 가능
  https://buildship.com/blog/flutterflow-push-notifications 
  • ex. 사용자가 새 피드를 올리면 Slack 알림 전송
  • 장점
    • 유연한 조건 처리 가능
    • 특정 키워드 필터링, 시간 조건, 그룹 발송 등 자유롭게 구현
    • 확장성 좋음: 대규모 앱에 적합
  • 단점
    • Functions 코드를 작성해야 함 (JavaScript or TypeScript)
      
• 단순한 새 메시지 알림이 필요한 경우 →  Flutter Flow
• 복잡한 로직 / 확장성 필요 → BuildShip + Firebase Functions