배민도 React Native 해요?: 웹개발자들이 만들어 나가는 배민커넥트앱 이야기 #우아콘2023 #우아한형제들
우아콘 2023 우아한형제들 · YouTube
AI 핵심 요약
배민커넥트는 안드로이드와 iOS 앱을 따로 개발·운영하던 부담을 줄이기 위해 React Native로 전환했고, 이후 웹 프론트엔드 개발자들이 합류하면서 레거시 코드와 네이티브 의존성이 새로운 장벽이 됐다. 팀은 JavaScript를 TypeScript로 바꾸고 클래스 컴포넌트와 복잡한 상태 로직을 정리했으며, React Native와 라이브러리를 업그레이드하고 불필요한 코드를 제거했다. 특히 네이티브 코드에 집중돼 있던 지도 기능을 React 컴포넌트 중심으로 재구성해 웹 개발자가 더 빠르게 수정하고 확인할 수 있게 했고, 일부 화면에는 앱과 연동되는 웹뷰도 도입했다. React Native는 웹 개발 경험을 살릴 수 있지만 결국 네이티브 앱이므로 OS와 앱 환경까지 이해해야 하며, 코드 개선과 협업을 통해 개발자의 제품 이해도와 주도성을 키울 수 있다는 점을 전한다.
- React Native는 React와 CSS Flexbox 등 웹 개발 경험을 활용할 수 있지만, 네이티브 앱의 동작과 OS별 차이도 이해해야 한다.
- 복잡한 레거시 로직은 먼저 흐름을 그림으로 정리한 뒤 화면 로직과 공통 로직으로 나누면 개선 지점을 찾기 쉽다.
- 오래된 React Native 버전과 미사용·지원 중단 라이브러리를 점검하고 정리하면 오류와 유지보수 부담을 줄일 수 있다.
- 네이티브 코드에 묶인 지도 기능을 React 컴포넌트로 옮기면 웹 개발자가 동작을 파악하고 빠르게 수정·검증할 수 있다.
- 웹뷰는 앱 업데이트와 별개로 빠르게 배포할 수 있지만, 앱과 같은 사용 경험을 위해 React Native와의 인터페이스 설계가 필요하다.
소개
[WOOWACON2023 세션 다시보기] 👉 세션 설명 네! 배민도 React Native 해요! 라이더의 안전한 배달을 위해 쉼없이 달려온 배민커넥트앱의 과거와 현재, 그리고 더 나은 앱을 위한 고민까지. 전사 유일의 React Native 프로덕트를 가꾸어 나가는 웹개발자들의 이야기를 들려드립니다.ㅤ ㅤ 👉 발표자 소개 라이더서비스팀 박지성 배민커넥트앱과, 이를 지탱하는 백오피스들의 프론트엔드 개발을 담당하고 있습니다. 지금처럼, 앞으로도 나보다 더 나은 사람들과 지금보다 더 나은 프로덕트를 만들어나가고 싶습니다. 👍 추천 대상 React Native 개발에 관심이 있거나, 이제 막 React Native 개발을 시작한 웹프론트엔드 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
비슷한 학습 자료
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 배민스토어는 올해 4월, 레거시 코드와 아키텍처를 전부 재작성하고 재설계하는 빅뱅을 겪었습니다. 그 과정에서 생산성과 효율성을 높이기 위해 여러 가지 기술을 한 번에 도입했고, 다양한 시행착오를 겪었습니다. 배민스토어의 전시 도메인 개발자들이 어떤 일을 하는지 소개하면서, Kotlin, Spring WebFlux, EDA 도입의 이유와 좋았던 점, 나빴던 점, 그리고 각 기술에 대한 개발자들의 생각까지 날것으로 풀어내 보겠습니다.ㅤ ㅤ 👉 발표자 소개 배민스토어서비스개발팀 김민태 좋은 시스템을 개발해서 밤에 약속을 나가고 싶은 개발자입니다. 배민스토어의 백엔드를 개발하며, 팀에서 광대를 담당하고 있습니다. 배민스토어서비스개발팀 오지산 좋은 코드를 써서 밤에 발 쭉 뻗고 자고 싶은 개발자입니다. 배민스토어의 백엔드를 개발하며, 팀에서 선생님을 담당하고 있습니다. 👍 추천 대상 Kotlin과 Spring WebFl...
백엔드 프로그래밍 언어
컨퍼런스 우아콘 2023
프론트엔드 개발의 미래, Module Federation의 적용 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 점차 비대해져가는 프론트엔드 애플리케이션에 지치셨나요? MSA 백엔드에 대응하는 모놀리식 프론트엔드에 싫증이 났을까요? 복잡한 의존성으로 인해 지쳐만 가는 프론트엔드 엔지니어들에게 보다 간단하게 Module Federation을 이용한 Microfrontend 적용에 대해 이야기해 보고자 합니다.ㅤ ㅤ 👉 발표자 소개 배민커머스웹프론트개발팀 박세문 15년 정도를 소프트웨어 엔지니어로 지내오고 있습니다. 현재는 배민커머스웹프론트 개발팀에서 프론트엔드 개발 및 아키텍처 설계와 같은 업무들을 진행하고 있습니다. 다양한 필드, 다양한 분야에서의 경험을 바탕으로 프론트엔드 업무를 보다 잘할 수 있는 방법에 대해서 늘 고민하고 또 고민하는 고민이 많은 엔지니어입니다. 👍 추천 대상 마이크로프론트엔드 도입을 고려 중인 프론트엔드 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan....
프론트엔드 풀스택
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 우아한공방으로 새롭게 단장한 디자인 시스템의 계층 구조와 이를 컴포넌트로 빚어낸 과정을 소개합니다. 그리고 컴포넌트 구현에 집중하기 위해 어떤 개발 환경을 갖췄는지, 운영 과정에서 정답이 없는 문제들을 어떻게 다뤄왔는지 공유드릴게요. 앞으로 더 확장해 나갈 디자인 시스템의 미래도 엿볼 수 있어요. ㅤ 👉 발표자 소개 배민커머스웹프론트개발팀 마광휘 배민커머스웹프론트개발팀에서 23명의 엔지니어가 조화롭게 좋은 프로덕트를 만들 수 있도록 팀 문화 고민과 시스템 아키텍처링을 진행하고 있는 챙김이 입니다. 최근에는 배민 전사의 웹 프론트 미래를 그리고 있어요. 배민커머스웹프론트개발팀 이상현 지속 가능한 디자인 시스템을 만들어나가는 프론트엔드 개발자입니다. 👍 추천 대상 - 사내 디자인 시스템을 운영하는 개발자 - 확장 가능하고 유연한 React UI 컴포넌트 구현에 관심 있는 분 🙋🏻♀️ 세션에 대해 궁금한 점이 ...
프론트엔드 UI/UX
컨퍼런스 우아콘 2023
웹프론트 개발자들을 위한 '우아한스펙트럼' 서비스 제작기 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 배달의민족 웹프론트엔드 개발자들의 기술 공유 플랫폼 '우아한스펙트럼'을 소개합니다. 기획부터 서버, DB, 프론트 모두 프론트엔드 개발자 6명이서 만든, 눈물 없이 들을 수 없는 스토리ㅤ 👉 발표자 소개 셀러웹프론트개발팀 송지은 사회생활 3개월 차 리더가 된 프론트엔드 개발자 사실 본업은 사장님을 위해서라면 어디든 달려가는 배민셀프서비스 개발자 👍 추천 대상 - 우아한형제들 웹프론트개발자들의 기술 공유 방식이 궁금한 개발자 - 사내 사이드 프로젝트를 잘 운영하고 싶은 개발자 🙋🏻♀️ 세션에 대해 궁금한 점이 있다면 dev_relations@woowahan.com 으로 문의주시기 바랍니다.
프론트엔드 백엔드 풀스택
컨퍼런스 우아콘 2023
모두의 웹뷰 #우아콘2023 #우아한형제들
컨퍼런스 우아콘 2023
[WOOWACON2023 세션 다시보기] 👉 세션 설명 요즘 대규모 서비스, 특히 슈퍼 앱에서는 웹뷰를 적극적으로 활용하는 모습을 보여주고 있습니다. 하지만 이런 상황에도 불구하고 모바일 앱 개발자와 프론트엔드 개발자 사이에서는 여러 가지 어려움이 있습니다. 모바일 앱 개발자로서 웹뷰를 사용하고 있으나 프론트엔드 개발자만큼 자세히 알지 못해서 어려움을 느끼나요? 프론트엔드 개발자로서 다양한 브라우저를 지원하는 것과 동시에, 같으면서도 너무 다른 웹뷰까지 지원해야 하는 데 부담을 느끼시나요? 이 발표에서는 웹뷰를 더 깊게 이해할 수 있도록 관련된 이야기를 해 보려고 합니다. 더 나아가 모바일 앱 개발자와 프론트엔드 개발자가 서로를 더 잘 이해하고 협업할 수 있길 바라면서 말이죠.ㅤ ㅤ 👉 발표자 소개 배민푸드iOS개발팀 임민호 WebKit과 Chromium을 사용하는 WebEngine 개발자를 거쳐 현재는 iOS 앱 개발을 담당하고 있습니다. 전문 분야인 웹뷰 지식을 공유해...
프론트엔드 모바일 앱 개발