올리브영, SDUI로 앱 업데이트 속도 혁신!
by DD
7개월 전
조회수 1
네이티브 앱의 업데이트 속도 한계를 극복하기 위해 SDUI를 도입함
SDUI를 통해 화면 변경을 서버 설정만으로 가능하게 함
A/B 테스트 및 핫픽스 적용 속도를 획기적으로 개선, 운영 효율성 증대
SDUI 아키텍처 핵심 요소
SDUI는 서버가 화면을 그릴 설계도(스키마)를 제공하고, 클라이언트는 이를 렌더링하는 방식으로 작동한다. 구체적으로, 섹션, 컴포넌트, 데이터, 액션 4가지 핵심 요소를 정의하여 유연성을 확보했다. 따라서, 스키마 설계가 SDUI의 성패를 가르는 핵심 요소가 된다.
SDUI 성능 최적화 전략
ATF(Above-The-Fold) 영역의 API 분리를 통해 초기 로딩 속도를 개선했다. Lazy Loading 기법을 활용하여 개인화된 영역의 로딩 부하를 줄였다. 반면, 네트워크 환경에 따라 성능이 좌우되는 단점이 존재하므로, 데이터 규칙을 엄격하게 정의해야 한다.
SDUI 도입 시 고려사항
SDUI는 만능 해결책이 아니므로, 네이티브, 웹, SDUI를 적절히 조합해야 한다. 스키마 과설계를 피하고, 알 수 없는 타입에 대한 안전한 폴백 정책을 마련해야 한다. 따라서, A/B 테스트를 위한 스키마 버저닝과 기능 토글을 활용하여 유연하게 대처해야 한다.
