포그라운드 상태 vs 백그라운드 상태 Flutter에서 FCM(Firebase Cloud Messaging)과 같은 푸시 알림에서 "포그라운드(foreground) 상태"와 "백그라운드(background) 상태"는 앱의 실행 상태를 가리킵니다. 각각의 상태는 앱이 사용자와 얼마나 상호작용 가능한지, 그리고 푸시 알림을 처리하는 방식에 영향을 미칩니다.

1. 포그라운드 상태 (Foreground)

• 의미

  • 앱이 현재 화면에 표시되고 있으며, 사용자가 앱과 직접 상호작용하고 있는 상태.
  • 앱이 활성화된 상태로, onResume 또는 onStart 상태에 해당합니다.
  • 앱이 열려있고, UI가 보이는 상태에서 알림을 수신했을 때의 처리를 다룹니다.

• 특징

  • 기본적으로 푸시 알림은 시스템 트레이(알림 센터)에 표시되지 않습니다.
  • 대신, FCM 메시지가 앱 내에서 바로 처리됩니다.
  • 개발자는 포그라운드 상태에서도 알림을 표시하려면 사용자 정의 UI를 구현하거나 수동으로 알림을 띄워야 합니다.

• 예시 (Flutter FCM 포그라운드 처리)

  FirebaseMessaging.onMessage.listen((RemoteMessage message) {
  print('포그라운드에서 메시지를 받았습니다: ${message.notification?.title}');
  // 필요한 경우 로컬 알림 표시
  });

2. 백그라운드 상태 (Background)

• 의미

  • 앱이 실행 중이지만, 현재 화면에 보이지 않는 상태.
  • 앱이 최소화되었거나, 다른 앱이 실행 중인 경우.
  • Flutter에서는 onPause 상태에 해당하며, 사용자는 앱과 직접 상호작용하지 않습니다.

• 특징

  • 기본적으로 푸시 알림이 시스템 트레이(알림 센터)에 표시됩니다.
  • 알림을 탭하면 앱이 다시 활성화(포그라운드 상태)되며, 해당 알림의 데이터를 처리할 수 있습니다.

• 예시 (Flutter FCM 백그라운드 처리)
  백그라운드 상태에서는 알림을 자동으로 처리하고, 사용자가 알림을 탭할 때 앱이 실행됩니다. 개발자는 메시지를 처리하려면 onBackgroundMessage를 사용해야 합니다.

Future<void> _firebaseMessagingBackgroundHandler(RemoteMessage message) async {
  print('백그라운드에서 메시지를 받았습니다: ${message.notification?.title}');
  // 백그라운드에서 데이터 처리
}

void main() {
  FirebaseMessaging.onBackgroundMessage(_firebaseMessagingBackgroundHandler);
  runApp(MyApp());
}

3. 종료 상태 (Terminated)

• 의미

  • 앱이 완전히 종료된 상태.
  • Flutter 앱이 메모리에서 제거되었거나, 앱이 실행 중이지 않은 경우.

• 특징

  • 사용자가 알림을 탭하면 앱이 다시 시작되며, getInitialMessage로 초기 메시지를 처리할 수 있습니다.

• 예시 (Flutter FCM 종료 상태 처리)

  FirebaseMessaging.instance.getInitialMessage().then((RemoteMessage? message) {
  if (message != null) {
    print('앱 종료 상태에서 메시지를 받았습니다: ${message.notification?.title}');
  }
  });

요약 비교

이렇게 각 상태를 이해하고 적절히 구현하면, 사용자 경험을 더 풍부하게 만들 수 있습니다. 😊

스트림이란 데이터 소스가 바뀔 때 마다 새로운 값을 전달해주는 단순한 다트의 한 객체 모든 스트림의 과정은 클라우드 파이어스토어 패키지에 의해 관리됨

snapshot메소드는 스트림을 반환 =>데이터가 바뀔때마다 새로운 밸류값 전달

snapshot.data 스냅샷 뒤 데이터를 불러오면 실제적으로 스트림으로 전달받은 데이터에 접근 가능 !: 데이터 필드는 당연히 데이터를 가지고 있어야하기 때문

        body: StreamBuilder(
          stream: FirebaseFirestore.instance.collection('chats/BIbqhjgryoag9EFFXa7U/message').snapshots(), //클라우드 파이어스토어에 접근
          builder: (BuildContext context, AsyncSnapshot<QuerySnapshot<Map<String, dynamic>>> snapshot) {
           if(snapshot.connectionState == ConnectionState.waiting){
             return Center(
               child: CircularProgressIndicator(),
             );
           }
            final docs = snapshot.data!.docs;
            return ListView.builder(
              itemCount: docs.length,
              itemBuilder: (context, index) {
                return Container(
                  padding: EdgeInsets.all(8),
                  child: Text(
                    docs[index]['text'],
                    style: TextStyle(fontSize: 20),
                  ),
                );
              },
            );
          }, //가장 최신의 스냅샷을 가져오기 위한 클래스.
        )

이메일과 패스워드 통해 새로운 유저를 파이어베이스에 등록. 파이어베이스에 'user' 라는 새로운 컬렉션 등록. 새로운 유저의 아이디를 등록함 (아이디:userName과 userEmail 동록 됨)

앱을 실행 시키면 스플래쉬 화면에서 정지.위의 오류 출력

android 수준의 build.gradle에서

버전 낮춰주면 실행됨

또는 CLI 설정 수정

fatal: The current branch feat/validation has no upstream branch. To push the current branch and set the remote as upstream, use git push --set-upstream origin 브랜치 이름

원인:원격 저장소에 해당 브랜치 설정 안해줘서.

해결: git push --set-upstream origin 브랜치 이름

TextField

텍스트를 입력받기 위해 사용 텍스트필드에서 값을 입력받으면 텍스트에딧팅컨트롤러 사용해야함. 텍스트필드가 많으면 여러 컨트롤러 필요함 -> 관리 어려움

TextFormField

유효성 검사 쉽게 할 수 있음 쉽게 밸리데이션 값 등을 받아올수 있음.

 Form(
                        child: Column(
                          children: [
                            TextFormField(
                              key: ValueKey(4),
                              decoration: InputDecoration(
                                  prefixIcon: Icon(
                                    Icons.email,
                                    color: Palette.iconColor,
                                  ),
                                  enabledBorder: OutlineInputBorder(
                                    borderSide: BorderSide(
                                      color: Palette.textColor1,
                                    ),
                                    borderRadius: BorderRadius.all(
                                      Radius.circular(35),
                                    ),
                                  ),
                                  focusedBorder: OutlineInputBorder(
                                    borderSide: BorderSide(
                                      color: Palette.textColor1,
                                    ),
                                    borderRadius: BorderRadius.all(
                                      Radius.circular(35),
                                    ),
                                  ),
                                  hintText: '이메일',
                                  hintStyle: TextStyle(
                                    fontSize: 14,
                                    color: Palette.textColor1,
                                  ),
                                  contentPadding: EdgeInsets.all(10)),
                            ),
                            SizedBox(height: 8),

Padding

padding은 위젯 내부의 여백을 말합니다. 위젯의 경계와 그 안에 포함된 콘텐츠 사이에 공간을 만드는 역할을 합니다. padding을 사용하면 위젯의 경계 안에서 콘텐츠를 일정 간격만큼 떨어뜨려 배치할 수 있습니다.

위치: 위젯 내부에 위치하는 콘텐츠와 위젯 경계 사이의 간격을 의미합니다. 사용 예: 텍스트, 이미지 등이 위젯 경계에서 떨어져 있게 하고 싶을 때 사용.

Margin

margin은 위젯 외부의 여백을 말합니다. 위젯과 다른 위젯(또는 부모 컨테이너) 사이의 간격을 설정할 때 사용됩니다. margin을 사용하면 위젯이 배치되는 공간 외부에 여백을 둘 수 있습니다.

위치: 위젯 바깥쪽과 다른 위젯 또는 부모 사이의 간격을 의미합니다. 사용 예: 위젯과 다른 위젯 사이의 간격을 만들고 싶을 때 사용.

시각적 차이점 padding은 위젯 안쪽에서의 간격을 조정하여 위젯의 콘텐츠가 안쪽으로 밀려납니다. margin은 위젯 밖에서 간격을 만들어 다른 위젯들과의 거리를 조정합니다.

플러그인을 초기화 할때 플러그인의 초기화 메서드가 비동기방식이면 문제발생

runApp()-플러터 최상위 메서드 호출 전엔 플러터엔진이 초기화 되지 않아 접근할 수 없게 됨.

따라서, 파이어베이스 초기화(비동기 메서드) 사용하려면 1.플러터 코어 엔진 초기화: import 'package:firebase_core/firebase_core.dart';

WidgetsFlutterBinding.ensureInitialized();

2.Firebase.initializeApp();

Execution failed for task ':app:compileDebugKotlin'. > A failure occurred while executing org.jetbrains.kotlin.compilerRunner.GradleCompilerRunnerWithWorkers$GradleKotlinCompilerWorkAction > Compilation error. See log for more details

오류발생

당황해서 이것저것 찾아봤지만 아래 flutter fix에서 해결책 제시해줌

[!] Your project requires a newer version of the Kotlin Gradle plugin.
Find the latest version on https://kotlinlang.org/docs/releases.html#release-details, then
update the
version number of the plugin with id "org.jetbrains.kotlin.android" in the plugins block of C:\프로젝트명\android\settings.gradle.

Alternatively (if your project was created before Flutter 3.19), update
C:\practice\todo_app\android\build.gradle
ext.kotlin_version = ''

setting.gradle에서 kotlin_version = ''수정해 주란다.

코틀린 최신버전에 맞게 수정 https://kotlinlang.org/docs/releases.html#release-details 에서 확인

이뮬레이터 실행됨.

오류를 잘 읽어보자~

Completer Dart의 Completer는 Future를 수동으로 완성시킬 수 있게 해주는 클래스. 보통 Future는 어떤 비동기 작업이 완료될 때 값을 반환하기 위해 사용되는데, Completer는 이 Future를 수동으로 제어할 수 있게 해준다.

Completer가 사용되는 상황 -비동기 작업의 결과를 수동으로 결정하고 싶을 때. -여러 비동기 작업을 조합하여 하나의 작업으로 나타내고 싶을 때. -이벤트 기반 시스템에서 특정 이벤트가 발생했을 때 비동기 작업을 완료시키고 싶을 때.

import 'dart:async';

void main() {
  // Completer 생성
  Completer<String> completer = Completer();

  // Completer의 Future를 받아옴
  Future<String> future = completer.future;

  // Future에 대한 처리
  future.then((value) {
    print('Future completed with value: $value');
  }).catchError((error) {
    print('Future completed with error: $error');
  });

  // 비동기 작업이 완료되었다고 가정하고 Completer를 완료
  completer.complete('Hello, World!');

  // 또는 오류로 완료
  // completer.completeError('An error occurred!');
}

화면에서 뒤로가기를 누르거나 앱바에서 뒤로가기를 눌렀을때 다이어로그를 띄우고 싶어 사용.

다이어로그 중 Y/N 버튼이 있음. Y -> Navigator.pop(context,true); //화면 닫히며 true 반환 N -> Navigator.por(context,false); //화면 닫히며 false 반환

onWilPop을 사용해 뒤로가기 눌렀을때 기능 작성

final Completer<bool> completer =Completer(); //객체 생성
  _myDialog(context,(didCancel){
  completer.complete(didCancel); //사용자의 선택에 따라 완료
  });
  return completer.future; // completer가 완료될 때 까지 기다린 후 그 값을 반환

didCancel로 true/false 확인

사용법 git stash git checkout 커밋할 브랜치 git stash pop main에 push

제일 최신것으로 설정

value에 체크돼있는것 풀어주고 close->restart ReadMe 미리보기가 실행된다!

참고자료 링크텍스트

200 OK 서버가 요청을 성공적으로 처리 201 CREATED 요청 처리->새로운 리소스 생성 202 ACCEPTED 요청접수/처리완료X

3XX:리다이렉션

301 MOVED PERMANENTLY 지정한 리소스가 새로운 URI로 이동(영구이동) 302 FOUND 요청한 리소스를 다른 URI에서 찾음

4XX:클라이언트 에러

400 BAD REQUEST 잘못된 요청 401 UNAUTHORIZED 지정한 리소스에 대한 엑세스 권한이 없다 403 FORBIDDEN 지정한 리소스에 대한 엑세스가 금지 됨 404 NOT FOUND 지정한 리소스를 찾을수 없다 405 METHOD NOT ALLOWED 요청한 URI가 지정한 메소드를 지원하지 않는다

5XX:서버 에러

500 INTERNAL SERVER ERROR 서버에 에러 발생 501 NOT IMPLEMENTED 요청한 URI의 메소드에 대해 서버가 구현하고 있지 않다 502 BAD GATEWAY 게이트웨이 또는 프록시 역할을 하는 서버가 그 뒷단의 서버로부터 잘못된 응답을 받음 503 SERVICE UNAVAILABLE 현재 서버에서 서비스 제공할수 없다 504 GATEWAY TIMEOUT 게이트웨이 또는 프록시 역할을 하는 서버가 그 뒷단의 서버로부터 응답을 기다리다 타임아웃 발생

기능 onTap: 위젯이 탭(터치)되었을 때 실행할 콜백을 정의 onDoubleTap: 위젯이 더블 탭되었을 때 실행할 콜백을 정의 onLongPress: 위젯이 길게 눌렸을 때 실행할 콜백을 정의 onPanStart, onPanUpdate, onPanEnd: 드래그 제스처가 시작되었을 때, 업데이트될 때, 끝났을 때 실행할 콜백을 정의 onScaleStart, onScaleUpdate, onScaleEnd: 확대/축소 제스처가 시작되었을 때, 업데이트될 때, 끝났을 때 실행할 콜백을 정의 onHorizontalDragStart, onHorizontalDragUpdate, onHorizontalDragEnd: 수평 드래그 제스처가 시작되었을 때, 업데이트될 때, 끝났을 때 실행할 콜백을 정의 onVerticalDragStart, onVerticalDragUpdate, onVerticalDragEnd: 수직 드래그 제스처가 시작되었을 때, 업데이트될 때, 끝났을 때 실행할 콜백을 정의 child를 가짐

매개변수 delegate: SearchDelegate의 하위 클래스. 검색창의 동작정의&검색결과 관리 -기능 검색어 입력 및 관리 검색결과 표시 검색 결과 선택 및 처리 추천 검색어 제공 검색결과 정렬 및 필터링

buildSuggestions :SearchDelegate 클래스의 메서드 중 하나 검색어를 입력하면 해당 검색어를 기반으로 검색 제안을 생성하여 표시 사용자가 검색어를 입력할 때마다 이 메서드가 호출되어 검색 제안을 업데이트

(주로 이 메서드에서는 사용자의 입력에 따라 동적으로 검색 제안을 생성하고 이를 ListView나 다른 위젯을 사용하여 화면에 표시합니다. 사용자가 검색 제안 중 하나를 선택하면 해당 검색 결과를 화면에 표시하거나 추가적인 동작을 수행할 수 있습니다.

예를 들어, 사용자가 "apple"이라는 검색어를 입력하면 buildSuggestions 메서드는 "apple"이라는 검색어와 관련된 제안 항목을 생성하여 표시할 수 있습니다. 이 항목들은 사용자가 터치하여 검색 결과를 확인하거나 선택할 수 있습니다.)