[React-Native] firebase+notifee 푸시알림

1.라이브러리 설치

푸시 관련 라이브러리

• "@react-native-firebase/app”
• "@react-native-firebase/messaging”
• "@notifee/react-native"

2.파이어베이스 프로젝트 생성 (프로젝트와 파이어베이스 연결 ios,android)

<참고>
https://velog.io/@ddowoo/react-native-firebase-%EC%97%B0%EB%8F%99

3.프로젝트 내부에 수신 코드 작성

메세지를 받아보기 위해서 프로젝트 내부에 수신코드를 작성해야 한다.

firebase에서는 앱을 3가지 상태로 나누어 구분된다.

Foreground: 앱이 실행 중일 때
Background: 앱이 실행되고 있지만 현재 화면에선 벗어나 있을 때
quit: 앱이 꺼졌을 때

<참고>
-aos
https://velog.io/@mayinjanuary/React-Native-Firebase-%EB%A1%9C-%ED%91%B8%EC%89%AC-%EC%95%8C%EB%A6%BC-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-%EC%95%88%EB%93%9C%EB%A1%9C%EC%9D%B4%EB%93%9C-%EC%84%B8%ED%8C%85

-ios
https://velog.io/@mayinjanuary/React-Native-Firebase-%EB%A1%9C-%ED%91%B8%EC%89%AC-%EC%95%8C%EB%A6%BC-%EA%B5%AC%ED%98%84%ED%95%98%EA%B8%B0-2-IOS-%EC%95%B1-%EC%84%B8%ED%8C%85%ED%95%98%EA%B8%B0

3.푸쉬 알림 띄우기

background&quit 상태에서는 서버알림이 오면 바로 디바이스에서 알람이 오지만
foreground 상태에서는 데이터 메세지를 받아도 알림이 오지는 않는다.
그렇기 때문에 foreground 상태에서는 local notification을 사용해 알림을 띄워야한다!

<참고>
https://velog.io/@ddowoo/react-native-%ED%91%B8%EC%8B%9C%EC%95%8C%EB%A6%BC-%EA%B5%AC%ED%98%84-firebase-notifee

<전체참고> https://velog.io/@mywonhyuni/%EA%B8%B0%EB%8A%A5%EA%B5%AC%ED%98%84RN-firebase%EB%A5%BC-%EC%9D%B4%EC%9A%A9%ED%95%9C-Push-notification-%EB%A7%8C%EB%93%A4%EA%B8%B0