LG ThinQ WebGL 엔진 — MAU 150만 규모 웹 3D

Challenge — 직면한 문제

LG ThinQ는 가전의 상태를 3D로 시각화하고 사용자가 각 기기를 선택·제어할 수 있는 경험을 제공해야 했습니다. 이를 위한 기술 과제는 다음과 같았습니다.

• 멀티 플랫폼: webOS TV, 안드로이드·iOS 모바일 앱, PC 브라우저 동시 지원.
• 저사양 TV: webOS TV는 PC 대비 메모리·GPU가 크게 제한됨.
• 대규모 트래픽: 월간 활성 사용자 150만 명, 세션 폭주 시에도 안정.
• 다수 3D 에셋: 수십~수백 종 가전 모델을 동시에 로드·캐싱.
• 장기 운영: 제품 라인업 추가에 따라 에셋·씬이 지속적으로 확장.

Solution — 해결 방식

각 플랫폼 제약을 명시적으로 프로파일링하고, 엔진 아키텍처·에셋·런타임 전략을 분리해 관리했습니다.

Result — 결과

• MAU 150만 규모 서비스에서 장기간 안정 구동.
• webOS TV 에서 씬에 따라 20~40fps 범위로 구동 (TV 하드웨어 제약 하에서 사용 가능한 체감 품질 확보).
• 제품 라인업 확장 시 에셋 추가 비용만 발생, 엔진 재설계 불필요.
• 모바일 초기 로딩을 경량 번들·지연 로딩 전략으로 단축.
• 이 프로젝트에서의 대규모 WebGL 운영 경험이 이후 프로덕트 메이커 WebGL 프로젝트 설계의 바탕이 됨.

Tech Stack — 기술 스택

Three.js 기반 WebGL 과 Unity WebGL 의 장단점이 궁금하시다면 → WebGL vs Unity WebGL 비교 가이드