토스ㅣSLASH 21 - 결제 시스템의 SDK와 API 디자인
SLASH 토스 · YouTube
AI 핵심 요약
20년간 유지된 결제 시스템은 언어별 모듈 설치와 복잡한 파라미터 때문에 신규 가맹점의 연동 부담이 컸지만, 기존 시스템을 한꺼번에 바꾸기 어려웠다. 이를 해결하기 위해 기존 백엔드 모듈과 HTML 폼 처리를 SDK와 서비스 서버 레이어로 감싸고, JavaScript SDK로 결제창을 호출한 뒤 HTTP API로 승인하도록 흐름을 단순화했다. API는 가맹점 편의와 예측 가능성을 기준으로 설계해 제한된 HTTP 메서드 환경을 고려하고, JSON 객체 재사용과 언어 헤더, 표준 인증 방식을 적용했다. JavaScript SDK에는 CDN 로딩과 npm 모듈, TypeScript 타입 지원을 더했으며, 연동에서 가맹점이 직접 처리할 단계를 줄이는 것이 개발 경험 개선의 핵심이라는 점을 공유했다.
- 레거시 연동을 한 번에 교체하기보다 SDK와 서비스 서버 레이어를 추가해 신규 가맹점부터 단계적으로 전환할 수 있다.
- HTTP 메서드 지원이 제한된 환경을 고려해 API 설계 원칙을 정하고, 경로의 동사 사용 기준으로 일관성을 보완한다.
- 요청·응답 객체를 도메인별로 재사용하고, 언어 헤더로 응답 언어를 선택하게 하면 연동 코드와 별도 설명을 줄일 수 있다.
- 브라우저에서 결제를 시작하더라도 최종 승인은 가맹점 서버에서 처리하도록 분리해 위변조 위험을 점검한다.
- JavaScript SDK는 외부 의존성을 줄이고 CDN, npm, TypeScript를 지원해 다양한 프론트엔드 환경에서 사용할 수 있게 한다.
소개
PG 연동 개발자들에게 쉽고 빠른 가이드 제공을 위해, 20년 동안 유지된 기존 시스템에 추상화 레이어를 만들고 SDK와 API를 설계했던 경험을 공유합니다. 추가로 인터페이스의 일관성과 예측 가능성 그리고 TypeScript와 npm 모듈 지원을 위한 시도들까지, 토스페이먼츠 오픈 API의 첫 여정에 대해 공유합니다. 이홍채 / 토스페이먼츠 Technical Product Owner 이현섭 / 토스페이먼츠 Frontend Developer 박순영 / 토스페이먼츠 Server Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-21 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im *영상 15분 10초 발표 장표 중 'code(2번째)'를 'message'로 정정하오니 참고해주십시오. #토스 #개발자컨퍼런스 #SLASH
비슷한 학습 자료
컨퍼런스 SLASH
토스ㅣSLASH 24 - 토스가 오프라인 결제를 빠르고 안정적으로 혁신하는 방법
컨퍼런스 SLASH
요즘 매장들의 요즘 결제는 어떻게 달라야 할까요? 빠른 배포 속도와 결제 안정성까지 모두 잡은 토스 포스 제작기를 소개합니다. 유건 / 토스플레이스 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
평균 경력 10년의 TPO와 서버 개발자들은 토스에서 어떤 성취를 이뤘고, 또 어떤 고민을 하고 있을까요? 토스 제품의 기반이 되는 Product Foundation을 만드는 이들의 이야기, SLASH23 특별 세션에서 만나 보세요. 김보람, 임희진/ 토스 Technical Product Owner 김현준, 박재현 / 토스 Server Developer 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://bit.ly/43kW3tO 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im 토스에 합류하고 싶다면 👉🏻 https://toss.im/career/jobs #토스 #개발자컨퍼런스 #slash *본 발표자료의 저작권은 연사에 있으며, 저작권자의 사전 서면 동의 없이 자료의 일부 또는 전부를 이용하거나 배포할 수 없습니다. *또한 해당 자료를 복제하여 SLASH 행사 홈페이지를 제외한 온라인상에 게재하는 행위는 연사가 동의한 ...
컨퍼런스 SLASH
토스ㅣSLASH 22 - UX와 DX, 그 모든 경험을 위한 디자인 시스템
컨퍼런스 SLASH
토스 디자인 플랫폼 팀은 단순히 UI 요소를 개발하고, 컴포넌트화하는 것 이상의 디자인 시스템을 꿈꿉니다. 더 좋은 사용자 경험을 제공하기 위한 크고 작은 고민들이 개발자 경험 곳곳에 어떤 모습으로 스며들었는지 공유합니다. 박민수 / 토스 Android Developer 발표 자료 👉🏻 https://bit.ly/3HiTKOj 토스 개발자 컨퍼런스 SLASH에 대한 자세한 정보는 👉🏻 https://toss.im/slash-22 컨퍼런스 및 세션에 대한 문의는 👉🏻 slash@toss.im #토스 #개발자컨퍼런스 #SLASH
프론트엔드 UI/UX
컨퍼런스 SLASH
토스ㅣSLASH 22 - 예고편
컨퍼런스 SLASH
토스ㅣSLASH 21 - 오프닝 키노트
컨퍼런스 SLASH