- [ 언어·프레임워크/React Native ][React Native] Expo에서 커스텀 푸시 알림 사운드 적용하기2025-07-22 17:45:31Expo에서 커스텀 푸시 알림 사운드 적용하기1. 개요모바일 애플리케이션에서 푸시 알림은 사용자와 소통하는 핵심적인 수단이다. 이때, 기본 알림음이 아닌 앱의 정체성을 담은 커스텀 사운드를 사용하는 것은 사용자 경험을 향상시키고 브랜드 인지도를 강화하는 중요한 요소가 될 수 있다. 하지만 Expo를 사용하여 커스텀 알림 사운드를 적용하는 과정, 특히 Android에서는 예상치 못한 여러 장벽에 부딪히기 쉽다. 이 글에서는 그 과정에서 겪을 수 있는 모든 문제와 그 해결책을 종합하여 가장 확실하고 안정적인 적용 방법을 제시한다.2. 사전 준비파일 위치프로젝트의 루트 디렉토리에 assets 폴더를, 그 안에 sounds 폴더를 생성하여 사운드 파일을 위치시킨다. 이 예제에서는 assets/sounds/not..
- [ 언어·프레임워크/React Native ][React Native] Expo/FCM 푸시 알림, Node.js 백엔드에 완벽 통합 가이드2025-07-21 17:05:05Expo/FCM 크리티컬한 푸시 알림, Node.js 백엔드에 완벽 통합 가이드모바일 애플리케이션에서 푸시 알림은 사용자와 소통하는 핵심 창구이다. 특히, 사용자의 즉각적인 반응이 필요한 '위험 경고'나 '이상 감지'와 같은 미션 크리티컬(Mission-Critical) 정보를 전달해야 할 때, 알림의 전달 실패는 곧 시스템의 실패로 이어질 수 있다.이 글에서는 단순한 알림 발송을 넘어, 중요 알림의 누락을 방지하는 데 초점을 맞춘 안정적인 푸시 알림 백엔드 시스템을 Node.js와 Express 환경에서 구축하는 방법을 알아본다.1. 실패를 용납하지 않는 데이터베이스 설계안정적인 토큰 관리의 첫걸음은 데이터베이스 모델링에서 시작된다. 단순히 토큰을 저장하는 것을 넘어, 토큰의 '상태'와 '활성도'를 추..
- [ 언어·프레임워크/React Native ][React Native] Expo 푸시 알림 완벽 정복 튜토리얼2025-07-18 14:49:59Expo 푸시 알림 완벽 정복 튜토리얼이 튜토리얼은 Expo의 푸시 알림 서비스를 사용하여 React Native 애플리케이션에 푸시 알림 기능을 통합하는 전체 과정을 안내합니다. 기본 개념 이해부터 실제 구현, 전송 및 수신 처리까지 모든 단계를 다룹니다.1. 소개: Expo 푸시 알림 서비스란?Expo 푸시 알림 서비스는 개발자가 Apple(APNs) 및 Google(FCM)의 푸시 알림 서비스를 직접 다루는 복잡성을 줄여주는 중개 서비스입니다. 이 서비스를 통해 iOS와 Android 플랫폼에 대해 동일한 방식으로 알림을 보낼 수 있어 개발 시간을 크게 단축할 수 있습니다.주요 이점:플랫폼 간 통일성: 단일 API로 Android와 iOS에 모두 알림을 보낼 수 있습니다.간소화된 설정: 복잡한 네이..
[ 언어·프레임워크/React Native ]Expo React Native 앱에 푸시 알림 적용하기: 성공적인 통합 가이드2025-07-14 17:59:02Expo React Native 앱에 푸시 알림 적용하기: 성공적인 통합 가이드React Native와 Expo를 사용하면 복잡한 네이티브 설정 없이 간편하게 푸시 알림 기능을 앱에 추가할 수 있다. Expo의 푸시 알림 서비스는 Apple Push Notification service (APNs)와 Firebase Cloud Messaging (FCM) 사이의 복잡한 과정을 추상화하여 개발자가 쉽게 알림을 보낼 수 있도록 지원한다.푸시 알림을 적용하기 위해서는 실제 단말기가 필요한데, 나의 경우 우선적으로 Android 단말기를 이용한 테스트를 진행해 보았다. 푸시 알림 기능은 빌드된 상태에서 동작한다. 따라서 EAS (Expo Application Services)에 로그인한 상태에서 빌드를 진행해야..