프론트엔드·
토스 SLASH·
토스 SLASH·토스는 어떻게 광고 속에 게임을 넣었을까
토스가 광고 시스템을 자체 구축하면서 서드파티 SDK 대신 국제 광고 표준 MRAID를 직접 구현해 플레이어블 광고(앱 설치 전 게임 체험)를 지원한 과정이다. mraid.js 브릿지, 5중 렌더링 완료 신호, 보안 중심 설계, 앱 심사 없는 즉시 배포를 동시에 달성했다.
요약 이어보기#javascript#webview#sdk+2
프론트엔드·
네이버 D2·
네이버 D2·SaaS 대체하기: AI와 함께한 광고SDK 에러 모니터링 시스템 구축기
네이버 ENGINEERING DAY 2026 발표. 광고 SDK 환경에서 Sentry 같은 범용 에러 모니터링 SaaS를 연동하면 발생하는 구조적 한계를 분석하고, AI Agent를 활용해 전용 JavaScript 에러 모니터링 시스템 glog를 직접 구축한 경험과 그 가능성을 공유한다.
핵심 포인트
- 문제: 서드파티 SDK 환경에서 Sentry 같은 범용 SaaS 연동은 구조적 한계(격리 환경, 컨텍스트 제한)로 제대로 동작하지 않았다.
- AI Agent 활용: AI Agent를 개발 과정에 적극 활용해 전용 에러 모니터링 시스템을 단기간에 구축했다.
- glog: 광고 SDK에 특화된 JavaScript 에러 모니터링 시스템으로, SaaS 의존 없이 사내 인프라로 운영한다.
- SaaS 대체 경험: 범용 도구의 한계를 만났을 때 자체 구축이 현실적 대안이 될 수 있음을 보여준다.
왜 읽나외부 SaaS 도구의 한계를 경험했거나, SDK 환경의 에러 모니터링·AI Agent 활용 개발 생산성을 고민하는 프론트엔드·SDK 엔지니어에게 자체 시스템 구축 경험을 참고할 수 있다.
읽음 (0)
이 글과 비슷한
- 프론트엔드·
채널톡·RxJS로 우아하게 사이드 이펙트 통제하기
채널톡 고객용 SDK에서 boot→shutdown→boot 연속 호출 시 사이드 이펙트가 중첩되는 타이밍 버그를 RxJS 기반 구조 개편으로 해결한 사례다. 비동기 흐름 직렬화에 RxJS, 동기적 상태 관리에 Zustand를 도입해 타이밍 비결정성을 구조 수준에서 제거했다.
요약 이어보기#sdk#redux#rxjs+2 - 프론트엔드·
여기어때 (GC컴퍼니)·항공 프론트엔드 구축기 (7/10): 창구를 하나만 두었습니다
여기어때 항공 서비스 프론트엔드가 웹과 앱 웹뷰 두 환경에서 동일한 함수 호출로 동작하는 앱 브릿지 추상화 레이어를 설계한 과정을 다룬다. iOS·안드로이드 규약 차이와 "웹에 존재하지 않는 브릿지를 어떻게 호출하나"라는 문제를 단일 추상화 층으로 해결한 구현 사례다.
요약 이어보기#react#typescript#webview+2