SoundCloud, Jetpack Glance를 사용하여 2주 만에 좋아요 표시한 트랙 위젯 빌드

아티스트 우선 음악 플랫폼인 SoundCloud의 개발자는 사용자가 Android에서 더 쉽게 들을 수 있도록 Jetpack Glance를 사용하여 별점 4.6점과 1억 회 이상의 다운로드 수를 자랑하는 평점이 높은 앱을 위한 좋아요 표시한 트랙 위젯을 만들었습니다. 4천만 명 이상의 크리에이터가 제공하는 4억 개 이상의 트랙 카탈로그를 보유한 SoundCloud는 음악을 통해 아티스트와 팬을 연결하는 데 전념하고 있으며, Android 앱의 최신 업데이트는 청취자에게 좋아하는 트랙을 즐길 수 있는 더욱 편리한 방법을 제공합니다. Glance를 통해 팀은 2주 만에 프로젝트를 완료하여 귀중한 개발 시간을 절약하고 참여도를 높일 수 있었습니다.

사용자 친화적인 터치포인트로 가시성 극대화

새로운 좋아요 표시한 트랙 위젯은 최근에 좋아요 표시한 트랙의 아트워크를 표시하여 사용자가 특정 노래로 바로 이동하거나 홈 화면에서 전체 트랙 목록에 액세스할 수 있도록 합니다. 이렇게 하면 SoundCloud가 청취자에게 가장 먼저 표시되어 개인 라이브러리로 연결되는 바로가기 역할을 하고 다시 청취하도록 유도합니다.

좋아요 표시한 트랙은 SoundCloud의 첫 번째 위젯이 아닙니다. 10년 전에 SoundCloud 개발자는 RemoteViews를 사용하여 사용자가 재생을 쉽게 제어하고 트랙에 좋아요 표시를 할 수 있는 플레이어 위젯을 만들었습니다. 최근 디자인 의견을 바탕으로 플레이어 위젯을 업데이트한 후 개발자는 좋아요 표시한 트랙을 위한 맞춤 인터페이스를 우선시했습니다. 새로운 위젯은 밝은 모드와 어두운 모드를 모두 지원하고 사용자 환경설정에 맞게 자유롭게 크기를 조절하며 사용자의 배경화면을 보완하도록 테마를 동적으로 조정합니다. Glance를 기반으로 이러한 디자인 선택을 통해 위젯을 원활하게 사용할 수 있을 뿐만 아니라 SoundCloud 앱으로 연결되는 매력적이고 맞춤형 게이트웨이 역할을 할 수 있었습니다.

Glance로 개발 주기 가속화

Glance는 좋아요 표시한 트랙의 개발을 간소화하는 데도 중요한 역할을 했습니다. 이미 Compose에 능숙한 개발자에게 Glance의 직관적인 디자인은 친숙하게 느껴져 학습 곡선을 최소화하고 팀의 온보딩을 가속화했습니다. 이 플랫폼의 코드 샘플 모음도 유용한 시작점을 제공하여 개발자가 플랫폼의 기능과 권장사항을 빠르게 파악할 수 있도록 했습니다. Android팀의 SoundCloud 수석 엔지니어인 Sigute Kateivaite는 '샘플 앱 저장소를 사용하는 것은 좋은 학습 방법입니다. 전체 저장소를 확인하고 코드가 어떻게 작동하는지 검사할 수 있습니다.'라고 말했습니다. '위젯 개발 속도가 크게 빨라졌습니다.'

Glance UI의 선언적 특성은 개발자에게 특히 유용했습니다. 개발자는 빌드할 때 추가 XML 파일을 사용할 필요가 없으므로 상용구 코드가 적고 더 깔끔하고 읽기 쉬운 코드를 만들 수 있었습니다. Glance를 사용하면 모듈을 개별적으로 작업할 수 있으므로 구성요소를 한 번에 하나씩 작성하고 통합하여 이후 반복에 재사용할 수 있습니다. 구성요소를 격리함으로써 개발자는 모듈을 빠르게 테스트하고 문제를 식별 및 해결하며 중복 없이 다양한 상태를 빌드하여 워크플로를 더 효율적으로 만들 수 있었습니다.

Glance의 디자인은 전반적인 코드 품질도 개선했습니다. Glance의 실시간 미리보기를 지원하는 Android 스튜디오를 사용하여 변경할 수 있으므로 개발자는 UI 구성요소를 위젯에 통합하거나 휴대전화에 전체 위젯을 배포할 필요 없이 구성요소를 격리하여 빌드할 수 있었습니다. 전체 앱을 컴파일하지 않고도 다양한 상태를 나타내고, 관련 사례를 모두 확인하고, 구성요소의 변경사항을 검토할 수 있었습니다. 간단히 말해 Glance를 사용하면 개발자가 더 빠르게 반복하여 위젯을 개선하고 더 세련된 최종 제품을 만들 수 있으므로 생산성이 향상되었습니다.

Glance의 강력한 기능으로 앱 위젯 개선

효과적인 새로운 워크플로와 주요 개발 문제가 없는 SoundCloud팀은 성공적인 프로덕션을 간소화한 Glance를 칭찬합니다. Sigute는 '새로운 좋아요 표시한 트랙 위젯을 사용하면 출시가 매우 안정적입니다.'라고 말했습니다. '개발 및 테스트 프로세스가 매우 원활하게 진행되었습니다.' 초기 데이터도 유망한 결과를 보여줍니다. 이제 활성 사용자는 위젯과 상호작용하여 하루에 평균 여러 번 앱에 액세스합니다.

앞으로 SoundCloud팀은 Glance를 더 많이 활용하여 표준 레이아웃 채택과 같은 기존 위젯을 개선하고 새로운 위젯을 개발할 계획입니다. 현재 좋아요 표시한 트랙 위젯은 주로 이미지 표시에 중점을 두고 있지만 팀은 사용자 환경을 더욱 풍부하게 만들기 위해 다른 유형의 콘텐츠를 포함하는 데 관심이 있습니다. 개발자는 또한 프레임워크의 강력한 테마 옵션에 액세스하고, 크기 조절 프로세스를 간소화하고, 오래된 버그를 해결하기 위해 플레이어 위젯을 Glance로 이전하기를 희망합니다.

좋아요 표시한 트랙 및 플레이어 기능 외에도 팀은 Glance를 사용하여 더 광범위한 위젯을 빌드할 수 있는 잠재력에 대해 기대하고 있습니다. UserAvatar 및 로고와 같은 재사용 가능한 요소가 포함된 좋아요 표시한 트랙 위젯의 모듈식 구성요소 기반 아키텍처는 향후 개발을 위한 견고한 기반을 제공하여 처음부터 프로세스를 간소화할 수 있습니다.

Jetpack Glance로 맞춤 앱 위젯 빌드 시작하기

Glance를 사용하여 앱을 계속 표시하고 참여를 유도하는 위젯을 빠르게 개발하고 배포하세요.

이 블로그 게시물은 위젯을 설계하고 만드는 데 도움이 되도록 설계된 리소스(블로그 게시물, 동영상, 샘플 코드 등)를 제공하는 위젯 Spotlight Week 시리즈의 일부입니다. Spotlight Week: 위젯 개요에서 자세히 알아볼 수 있으며, 이 개요는 한 주 내내 업데이트됩니다.