728x90 ReactNative3 ReactNative_ AOS 커스텀 RCTEmitter 생성 및 적용 🚀 React Native에서 AOS(Custom RCTEmitter) 생성하기React Native에서 AOS(Android)용 커스텀 이벤트 모듈을 생성할 때 RCTEventEmitter를 활용하면 네이티브(Android) ↔ JavaScript 간 이벤트 기반 통신이 가능해!예를 들어, 네이티브에서 발생하는 이벤트(예: 센서 값 변화, 네트워크 상태 변화 등)를 JS로 전달할 때 유용해. 🟢 1. RCTEventEmitter란?RCTEventEmitter는 React Native에서 네이티브(Android) → JavaScript로 이벤트를 전달하는 인터페이스야.Android(Java/Kotlin)에서 이벤트를 발생시키고, JS에서는 DeviceEventEmitter를 통해 이를 구독(subs.. 2024. 3. 5. ReactNative_ IOS 커스텀 RCTEmitter 생성 및 적용 알람앱을 만들면서 ReactNative의 DeviceEventEmitter 를 직접적으로 커스터마이징이 필요한 상황이 오게 되었다.IOS 에서 어떻게 RCTEmitter 를 커스터마이징하여 적용할지 찾아보았다.흔들기 기능을 추가하려면 흔들기 감지하고 그것을 실시간 보내주어야 하는데, 그부분을 모듈화하여 ReactNative 안에서 실행하려고 했다. 🚀 React Native iOS 커스텀 RCTEmitter 생성하기React Native에서 iOS용 커스텀 이벤트 모듈을 생성하려면 RCTEventEmitter를 활용하면 돼.iOS 네이티브 코드(Objective-C 또는 Swift)에서 이벤트를 발생시키고, React Native(JavaScript)에서 이를 **구독(listen)**할 수 있어! .. 2024. 3. 5. ReactNative_ IOS 빌드 환경 분리 IOS swift 를 개발하면서 빌드 환경을 분리해야 할것 같다는 생각이 들었다.debug , staging , release 3가지 모드를 같이 테스트해야 하는데 자꾸 bundleId 가 중복되어서 삭제하고 다시 까는 일들을 반복적으로 했기 때문에 시간이 걸렸다.그래서 바로 AOS 빌드환경 분리한 것 처럼 IOS 도 빌드환경을 분리하여 구축하게 되었다. 우선 Target -> 프로젝트 에서User-Defined 에서 BUNDLE_ID_SUFFIX , DISPLAY_NAME 을 만들어서 debug , staging , release 버전에 맞게 명칭을 붙여준다. 그리고 Product Name 에서 이 프로젝트 이름을 붙여준다 Product Name 을 클릭하면 이렇게 $(TARGET_NAME) 을 .. 2024. 3. 4. 이전 1 다음 "이 포스팅은 쿠팡 파트너스 활동의 일환으로, 이에 따른 일정액의 수수료를 제공받습니다." 728x90