본문으로 이동
토스ㅣSLASH 24 - 토스가 오프라인 결제를 빠르고 안정적으로 혁신하는 방법
컨퍼런스

토스ㅣSLASH 24 - 토스가 오프라인 결제를 빠르고 안정적으로 혁신하는 방법

SLASH 토스 · YouTube

원문 보기

AI 핵심 요약

토스플레이스는 오프라인 결제 제품을 빠르게 개선하면서도 결제 안정성을 지키기 위해 포스의 배포 구조와 통신·결제 코드를 함께 설계했다. Electron 앱에서 변경이 잦은 웹 영역을 웹뷰 번들로 분리해 부분 배포하고, 마이크로 프런트엔드와 공통 브리지를 활용해 Windows·macOS·Android·iOS로 확장했다. 연결 안정성을 위해 시리얼 통신에 핸드셰이킹, CRC, ACK·NACK, 재시도를 적용하고, 무선 연결에는 DNS-SD를 사용했으며 결제 흐름은 라이프사이클별 플러그인으로 나눴다. 그 결과 발표에서 웹뷰 번들 배포는 약 1분 내외로 단축됐고, 결제 핵심 로직과 부가 기능을 분리해 변경의 영향 범위를 줄이는 설계 원칙을 얻었다.

  • Electron 앱에서 자주 바뀌는 UI와 비즈니스 로직을 웹뷰 번들로 분리하면 전체 앱 재빌드 없이 부분 배포할 수 있다.
  • 마이크로 프런트엔드 구조는 서비스별 독립 배포에 유리하고, 웹 중심 구현은 여러 플랫폼으로 확장할 때 재사용성을 높인다.
  • 시리얼 통신은 전송 성공을 가정하지 말고 ACK·NACK, CRC 검사, 재시도와 타임아웃을 포함한 애플리케이션 프로토콜로 보완해야 한다.
  • 네트워크에서 기기의 IP를 직접 탐색하는 대신 DNS-SD 브로드캐스팅으로 위치를 알리면 연결 복구를 효율화할 수 있다.
  • 결제 흐름의 시점별 관심사를 플러그인으로 분리하면 핵심 로직과 부가 기능의 결합을 줄일 수 있다.

소개

요즘 매장들의 요즘 결제는 어떻게 달라야 할까요? 빠른 배포 속도와 결제 안정성까지 모두 잡은 토스 포스 제작기를 소개합니다. 유건 / 토스플레이스 Frontend Developer 나석주 / 토스플레이스 Frontend Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-24 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스플레이스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs?company=%ED%86%A0%EC%8A%A4%ED%94%8C%EB%A0%88%EC%9D%B4%EC%8A%A4) #토스 #개발자컨퍼런스 #SLASH #SLASH24 #frontend #frontenddeveloper #POS 유의 사항 *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해...

비슷한 학습 자료

컨퍼런스 SLASH

거대한 금융 시스템을 운영 환경에 안전하게 도입하려면 어떻게 해야 할까요? 토스증권의 국내원장 차세대 프로젝트와 토스뱅크의 대출 시스템 검증 과정을 공유합니다. 양승영 / 토스증권 Server Developer 박종수 / 토스뱅크 Server Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-24 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #토스 #개발자컨퍼런스 #SLASH #SLASH24 #server #backend #bankingsystem 유의 사항 *본 발표 자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 저...

백엔드 소프트웨어 테스트

컨퍼런스 SLASH

토스ㅣSLASH 24 - 오프닝 세션

컨퍼런스 SLASH

새로운 문제를 찾고 또 끊임없이 도전하여, 결국엔 새로운 혁신을 만드는 토스팀의 치열한 도전기를 소개합니다. NO LIMIT, 우리에게 풀지 못할 문제는 없습니다. 이형석 / 토스 CTO 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-24 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #토스 #개발자컨퍼런스 #SLASH #SLASH24 #CTO #keynote 유의 사항 *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 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

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

컨퍼런스 SLASH

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