Syrup 모바일 웹 속도 개선기: WebFlux, SSE, 그리고 Next.js

SK플래닛의 Syrup 서비스는 13년 이상 운영되면서 API 서버의 레거시화로 인해 모바일 웹 응답 속도 저하 문제가 발생했습니다. 특히 외부 파트너 API를 순차적으로 호출하는 웹 게이트웨이 방식은 응답 시간을 크게 지연시켰습니다.

이를 해결하기 위해 Syrup 팀은 WebFlux를 도입하여 비동기 논블로킹 방식으로 외부 API를 병렬 호출하고, SSE(Server-Sent Events)를 활용하여 실시간 데이터 업데이트 기능을 구현했습니다. js를 사용하여 서버 사이드 렌더링(SSR)과 정적 사이트 생성(SSG)을 통해 초기 로딩 속도를 개선했습니다.

이러한 기술 도입을 통해 Syrup 모바일 웹의 응답 속도를 획기적으로 개선하여 사용자 경험을 향상시켰습니다. 사용자 경험을 향상시켰습니다.