![FEConf 2025 [A2] 플러그인 시스템 기반의 유연한 React Native CodePush 대안](https://i.ytimg.com/vi/OBUz0ldZ64E/maxresdefault.jpg)
FEConf 2025 [A2] 플러그인 시스템 기반의 유연한 React Native CodePush 대안
FEConf 2025 A트랙 · YouTube
AI 핵심 요약
App Center 종료로 기존 CodePush에 의존하기 어려워지고, 번들러와 인프라 선택에도 제약이 생기는 문제를 해결하기 위해 오픈소스 OTA 도구 hot-updater를 만들었다. 빌드·스토리지·데이터베이스를 플러그인으로 분리하고 공통 인터페이스를 정의해 React Native와 Expo 등 다양한 빌드 환경, Supabase·Cloudflare·Firebase·AWS 같은 인프라를 연결하도록 구성했다. CLI로 번들을 배포하고 콘솔에서 업데이트를 관리하며, `hot-updater init`으로 업데이트 서버와 필요한 인프라를 설정하는 흐름을 구현했다. UUID v7 기반 업데이트 판별과 공급자 공통 테스트로 업데이트·롤백 동작을 맞춘 경험을 공유하며, 플러그인 경계와 테스트가 여러 인프라를 지원하는 유지보수성의 핵심이라고 설명했다.
- React Native는 네이티브 번들 URL에 파일 경로를 전달해 JS 번들을 실행하므로, 업데이트 번들을 내려받아 저장하고 경로를 연결하는 방식으로 OTA를 구현할 수 있다.
- 플러그인마다 공통 인터페이스를 먼저 정의하면 빌드 도구와 스토리지·데이터베이스 공급자를 코어 로직과 분리할 수 있다.
- 공급자별 구현 차이는 공통 입력·출력 테스트 케이스로 검증해 업데이트 동작의 일관성을 유지한다.
- 번들 ID에 UUID v7을 사용하면 문자열 비교로 최신 번들을 판별하고, 사용할 수 없는 번들이 있을 때 이전 버전으로 롤백할 수 있다.
소개
FEConf 2025 [A1] 60 FPS in React Native FEConf 2025 2025.8.23 11:00 ~ 17:40 세종대학교 광개토관 컨벤션센터 TRACK A-2 플러그인 시스템 기반의 유연한 React Native CodePush 대안 강선규 | Toss RN Framework팀 App Center 종료 이후, React Native에서 벤더 종속 없이 OTA 업데이트를 적용할 수 있는 방법에 대해 이야기합니다. 기존 CodePush 방식의 한계를 극복하고, 플러그인 기반 아키텍처로 구성된 오픈소스 프로젝트 'hot-updater'를 소개드릴게요. 다양한 인프라—AWS, Supabase, Cloudflare, Firebase 등—와 유연하게 연동되는 구조와, 단일 명령어로 셀프 호스팅 가능한 업데이트 파이프라인을 어떻게 만들었는지 공유드리겠습니다.
비슷한 학습 자료
컨퍼런스 SLASH
토스ㅣSLASH 23 - 달리는 토스 앱에 React Native 엔진 더하기
컨퍼런스 SLASH
토스의 사용자와 개발자 경험을 모두 개선해준 ‘React Native’, 도입 과정은 어땠을까요? React Native를 도입하는 과정에서 토스가 마주한 기술적인 도전과 그 해결 과정을 소개합니다. 박서진 / 토스 Frontend Chapter Lead 발표 자료 👉🏻 https://bit.ly/3CePOfI 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://bit.ly/43kW3tO 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #reactnative #사용자경험 #frontenddeveloper #토스 #개발자컨퍼런스 #SLASH *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에...
모바일 앱 개발
컨퍼런스 SLASH
토스ㅣSLASH 22 - 미친 생산성을 위한 React Native
컨퍼런스 FEConf 2025 A트랙
FEConf 2025 [A1] 60 FPS in React Native
컨퍼런스 FEConf 2025 A트랙
FEConf 2025 [A3] Swift·Kotlin 한줄 없이 만드는 Expo 전용 OTA 업데이트 시스템(feat. Next.js)
컨퍼런스 FEConf 2025 A트랙
FEConf 2025 2025.8.23 11:00 ~ 17:40 세종대학교 광개토관 컨벤션센터 TRACK A-3 Swift·Kotlin 한줄 없이 만드는 Expo 전용 OTA 업데이트 시스템(feat. Next.js) 김도윤 | 온아웃 Expo를 사용하면 TypeScript만으로 간단하게 React Native 앱을 만들 수 있습니다. 하지만 Expo의 OTA 기능(eas update)은 비용이 비싸고, 대부분의 서드파티 솔루션은 Expo의 모든 기능을 온전히 지원하지 않습니다. 이에 따라, 네이티브 코드를 작성하지 않고도 프론트엔드 개발자에게 친화적인 방식으로 Expo 프로젝트에서 OTA를 구현하는 방법을 소개합니다. ==== 업로드 오류로 10.14 재업로드
프론트엔드 모바일 앱 개발
컨퍼런스 FEConf 2025 B트랙
FEConf 2025 [B2] 'memo'를 지울 결심 : React Compiler가 제안하는 미래
컨퍼런스 FEConf 2025 B트랙
FEConf 2025 2025.8.23 11:00 ~ 17:40 세종대학교 광개토관 컨벤션센터 TRACK B-2 'memo'를 지울 결심 : React Compiler가 제안하는 미래 장용석 | 리멤버앤컴퍼니 Memoization을 위해 React 코드에서 흔히 사용되던 memo, useMemo와 이제는 헤어질 시간입니다. React Compiler가 어떻게 우리를 대신해 최적화를 수행하는지, 실제 React 코드가 어떻게 변화하는지 파이프라인을 따라 깊이 있게 살펴보고 앞으로 어떤 멘탈모델을 가지고 React 코드를 작성해야 할지 이야기해봅니다.
프론트엔드
컨퍼런스 INFCON 2024
React Native와 함께 인프런 앱 새로 만들기│인프콘2024
컨퍼런스 INFCON 2024
🌱 인프런 에서 인프콘2024 강의 자료 다운로드 받고 복습해보세요. 🩵 강의 자료 다운 받기 : https://u.inf.run/4cLhYyK 🌱 인프런과 함께 배우고, 나누고, 성장하세요. 🩵 React Native와 함께 인프런 앱 새로 만들기 - 권건우, 이문기 왜 React Native를 사용했는지, 플레이어는 어떻게 만들었는지 등 인프런 앱을 만들면서 했던 선택들을 공유합니다. 그리고 React Native와 Native를 함께 다루면서 미리 알았다면 좋았을 문제들을 나눕니다. #인프콘 #인프런 #인프콘2024 #인프콘2024다시보기
모바일 앱 개발