소개
(주)스티팝의 스티커 API 서비스 스티팝 신규 구축 프로젝트입니다. 스티팝은 기업과 앱 개발자를 위한 스티커(이모티콘) 라이브러리 서비스로 메신저, 커뮤니티, 영상통화, 라이브 스트리밍, 프로필 아바타 등 전세계 다양한 서비스에서 커뮤니케이션 도구로 활용되고 있습니다. 다양한 언어로 서비스되고 있는 스티팝은 전세계 2500만명의 사용자를 대상으로 서비스되고 있습니다.
스티팝은 React 기반의 Next.js 프레임워크를 채택, 서버사이드 렌더링과 검색 최적화를 적용한 싱글페이지 웹 애플리케이션으로 구축되었습니다. 스트라이프 결제 시스템을 채택해 전세계 사용자에게 간편결제를 제공하며, AWS Cloud Front로 글로벌 서비스 속도 향상과 비용 최적화를 동시에 구현했습니다.
아티스트를 위한 스티팝 대시보드는 스티커 등록 · 관리부터 정산과 세무 처리까지 일괄 처리할 수 있는 원스탑 솔루션 형태로 구축되었습니다. 또한 API documentation 사이트는 다국어 지원 반응형 웹사이트로 구축되었으며, 기술 문서의 특성을 반영해 컨텐츠 작성만으로 디자인, 네비게이션 메뉴, 페이지 링크 등이 자동으로 생성되도록 해 유지보수성을 향상시켰습니다.
이를 통해 서비스 편의성과 보편성을 확보하고 서비스 활용성을 향상시켰습니다. 아티스트를 위한 고성능 웹 애플리케이션을 제공하는 한편 스티팝을 이용하는 고객사에게도 빠르고 간편한 API 서비스를 제공할 수 있었습니다. 서비스 안정성, 속도, 비용 최적화를 모두 달성했으며, 그 결과 경이로운 서비스 성장률을 얻을 수 있었습니다.
요약
- 글로벌 서비스를 위한 서비스 진입장벽 완화
- 고성능 웹앱 및 API 문서 제공
- 클라우드 서버를 통한 월드와이드 서비스
- React 기반 Next.js : 고성능 싱글페이지 웹앱
- 스트라이프 : 월드와이드 간편결제 서비스
- AWS CloudFront : 글로벌 서비스를 위한 클라우드 서버
- 크리에이터를 위한 원스탑 대시보드 제공
- 다국어 · 반응형 지원
- API 활용성 극대화
- 월드와이드 간편 결제 솔루션
프로젝트 목표
- 서비스 활용 상의 진입장벽 완화
- 간단하고 편리한 서비스 시스템 구축
- 글로벌 서비스를 위한 서비스 보편성 확보
- 전세계 사용자를 대상으로 한 쉬운 결제 시스템 도입
- 고성능 웹 애플리케이션 구축
- 싱글페이지 웹앱에서 최고 성능을 실현
- 전 세계 서비스 로그를 안정적으로 실시간 처리
- API 최적화를 통해 스티커 호출시 부하를 최소화
- 다양한 API 활용 환경을 지원, 정교한 API 문서 구축
- 전세계 서비스를 위한 분산 서버 구축
- 월드 와이드 서비스를 위한 클라우드 서버 활용
- 서비스 속도와 안정성을 동시에 확보
적용 기술과 목적
- React & Next.js : 고성능 싱글페이지 웹앱 구축
- 컨텐츠 및 통계 정보의 처리 속도 극대화
- 이용자 부하를 최소화한 서버사이드 렌더링 · 검색 최적화
- 생산성 향상 및 유지보수 용이화
- 스트라이프 : 전 세계 이용자의 결제 장벽 극복
- 빠르고 간편한 결제 솔루션으로 이용자 편의 향상
- 환율 및 해외 결제 수수료 부담 완화
- 서비스에 통합된 결제 시스템 제공
- AWS CloudFront : 글로벌 초고속 컨텐츠 전송
- 전세계 이용자에게 최선의 이용환경 제공
- 다양한 글로벌 서비스에서 안정적으로 API를 호출
- 데이터 제공 속도 향상 및 비용 최적화
달성 과제와 효과
- 서비스 편의성 및 보편성 확보
- 아티스트의 스티커 등록 · 관리, 정산, 세무 처리 등을 한 화면에서 일괄 처리
- 다국어 지원 및 반응형 지원
- API Documentation 유지보수성 향상
- 편리한 글로벌 결제 시스템 제공
- 고성능 웹 애플리케이션 제공
- 원스탑 대시보드 성능 극대화
- 컨텐츠 관리 도구 및 통계 분석 시각화 자료 제공
- API 활용성 극대화
- 전세계 서비스를 위한 분산 서버 구축
- 컨텐츠 생산 및 API 호출시 지연 최소화
- 서비스 안정성 · 속도 · 비용 최적화를 모두 달성