토스가 꿈꾸는 React Native 기술의 미래
박서진 토스 · 토스 기술 블로그
AI 핵심 요약
토스는 WebView의 로딩 지연과 플랫폼별 제약, SSR의 복잡도를 줄이면서 사용자 경험과 개발 생산성을 높이기 위해 React Native를 도입했다. 서비스별 독립성과 빠른 배포를 위해 React Native 화면을 Shared·Service 번들로 나누는 마이크로 프론트엔드 구조를 만들고, ESBuild와 자체 CDN 배포 도구를 활용했다. 혜택 탭 등 여러 제품에서 로딩 시간을 줄이고 WebView보다 React Native 화면이 더 많이 실행되는 단계에 이르렀으며, 2024년부터 정식 기술로 확대하고 있다. 앞으로는 Web과 React Native에서 함께 쓰는 패키지와 플랫폼 개발환경을 발전시키고, 배포 모듈과 AWS 인프라를 오픈소스화하는 것을 목표로 한다.
- WebView의 제약을 해결하려면 렌더링 방식뿐 아니라 배포와 서비스 운영 구조까지 함께 설계해야 한다.
- Shared 번들과 Service 번들을 분리하면 공통 코드와 서비스별 코드를 독립적으로 관리하고 필요한 코드만 로드할 수 있다.
- Metro 대신 ESBuild를 사용해 빌드 시간을 줄이고 Tree-shaking으로 사용하지 않는 코드를 제거했다.
- 카나리 배포와 개인 확인용 배포를 제공하면 서비스별로 변경을 점진적으로 검증할 수 있다.
- React Native 플랫폼을 운영하려면 JavaScript와 iOS·Android 영역을 넘나드는 협업과 상호 온보딩이 중요하다.
소개
토스 프론트엔드 챕터는 어떻게 React Native 기술을 발전시켜 나갈 예정일까요?
비슷한 학습 자료
컨퍼런스 SLASH
웹과 유사한 개발 경험을 제공하는 React Native, 디버깅 경험은 과연 어떨까요? 토스에서 자체 디버깅 도구를 만들어 생산성을 끌어올리게 된 과정을 소개합니다. 이근혁 / 토스 Frontend Platform Engineer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-24 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #토스 #개발자컨퍼런스 #SLASH #SLASH24 #frontend #reactnative 유의 사항 *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 저작권 및 배포전송권에 위배됩니다. *토스가 다루는...
모바일 앱 개발 개발 도구
컨퍼런스 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
문서 문동욱
토스 프론트엔드 챕터가 오픈소스를 통해 꿈꾸는 미래
문서 토스 프론트엔드 챕터
프론트엔드 서비스 최적화? 토스에서는 '이렇게' 합니다! | EP.9 모닥불
문서 박서진