본문으로 이동
토스ㅣSLASH 22 - 금융의 모든 순간을 자동화할 때 까지 Toss Crazy Activation
컨퍼런스

토스ㅣSLASH 22 - 금융의 모든 순간을 자동화할 때 까지 Toss Crazy Activation

SLASH 토스 · YouTube

원문 보기

AI 핵심 요약

외부 금융 서비스에서 이름·전화번호·생년월일을 반복 입력해야 하는 불편을 줄이기 위해, 토스는 모바일 브라우저를 자동화하는 Crazy Activation(CA)을 만들었다. 토스 앱, 사용자에게 보이는 프론트 WebView, 외부 서비스와 통신하는 CA WebView가 역할을 나누고 메시지를 주고받으며 서비스 절차를 진행한다. CA는 페이지 클래스로 업무 흐름을 분리하고, 토스 앱의 사용자 정보를 활용하거나 필요한 입력을 화면에 요청해 외부 서비스의 단계를 자동화한다. WebView 간 통신은 콜백 ID와 Promise로 추상화하고 RxJS와 TypeScript 프로토콜을 적용해, 자동화 흐름을 일관된 API와 타입으로 관리하는 것이 핵심이다.

  • 외부 웹 서비스의 흐름을 페이지 단위로 나누고, 현재 URL에 맞는 페이지를 실행하도록 구성한다.
  • 모바일 WebView 자동화에서는 사용자에게 보이지 않는 CA가 외부 서비스와 통신하고, 프론트 WebView가 화면과 입력을 담당한다.
  • 토스 앱이 보유한 개인정보를 활용할 때는 필요한 동의를 받고, 인증번호 입력처럼 사용자의 추가 입력이 필요한 단계는 화면 요청으로 처리한다.
  • WebView 간 비동기 메시지는 콜백 ID와 Promise로 요청·응답을 연결하고, RxJS로 필터링이나 중복 처리 같은 공통 로직을 구성할 수 있다.
  • TypeScript 기반 공통 프로토콜 패키지를 두면 양쪽 코드에서 메시지 타입을 일관되게 관리할 수 있다.

소개

불편한 사용자 경험은 이제 그만. 토스의 사용자라면 생년월일, 전화번호, 이름과 같은 정보를 반복해서 입력하지 않도록 만든 웹 자동화 기술의 핵심 아이디어를 소개합니다. 정세훈 / 토스 Node.js Developer (Web Automation) 발표 자료 👉🏻 https://bit.ly/3OsTVsL 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-22 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH

비슷한 학습 자료

컨퍼런스 SLASH

디지털화로 더 편리해진 금융, 과연 모두에게 편리해졌을까요? 모두가 평등하게, 쉽고 편리한 금융 경험을 할 수 있도록 ‘접근성’을 높인 토스의 노력을 소개합니다. 최동근 / 토스 Andriod Developer 발표 자료 👉🏻 https://bit.ly/42xGdvd 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://bit.ly/43kW3tO 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #디자인시스템 #접근성 #androiddeveloper #토스 #개발자컨퍼런스 #SLASH *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 저작권 및 배포전송권에 위배됩...

모바일 앱 개발 UI/UX

컨퍼런스 SLASH

토스의 간편함 이면에 있는 안정성과 보안성, 그리고 이를 향한 끊임없는 기술적 도전과 성취를 소개합니다. 이형석 / 토스 Head of Technology 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://bit.ly/43kW3tO 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #금융 #기술 #보안 #토스 #개발자컨퍼런스 #SLASH *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 저작권 및 배포전송권에 위배됩니다. *토스가 다루는 모든 개인정보는 고객에게 동의를 받은 후에 처리되고 있으며, 접근 권한이 분리되어 있습니다. 개발자는 모든 데이터가 아닌 담당 영...

컨퍼런스 SLASH

토스의 조회 서비스, 사용해본 적 있나요? 마이데이터 이전, 스크래핑으로 개발한 제품을 운영하면서 마주쳤던 문제들과 해결 과정을 공유합니다. 김용성 / 토스 Node.js Developer (Web Automation) 발표 자료 👉🏻 https://bit.ly/39qKgUn 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-22 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH

백엔드 프로그래밍 언어

컨퍼런스 SLASH

금융의 모든 것, 사용자 중심의 기술 발전을 이뤄온 슈퍼앱 토스. 지난해보다 더욱 성장한 토스, 그리고 토스의 성장을 뒷받침하는 기술적 성취와 산물을 소개합니다. 이형석 / 토스 Head of Technology 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-22 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH

컨퍼런스 SLASH

토스ㅣSLASH 22 - 예고편

컨퍼런스 SLASH

오직 사용자를 위한, 토스 개발자들의 노하우를 모두에게 공개합니다. 토스 개발자 컨퍼런스 SLASH22, 자세한 정보는 👉🏻 https://bit.ly/3NB0B7o *컨퍼런스 및 세션에 대한 문의는 SLASH 운영팀 이메일(slash@toss.im)로 연락해주시기 바랍니다. #토스 #개발자컨퍼런스 #SLASH

컨퍼런스 SLASH

토스에서 기술 혁신이 가지는 의미는? 토스 개발자들이 기술을 대하는 태도와 SLASH에서 다룰 이야기를 소개합니다. 이형석 / 토스 Head of Technology 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-21 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH