SoundCloud, Jetpack Glance를 사용하여 단 2주 만에 Liked Tracks 위젯 빌드

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

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

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

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

Glance로 개발 주기 가속화

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

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

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

Glance의 기능으로 앱 위젯 개선하기

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

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

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

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

Glance를 사용하면 앱을 표시하고 참여를 유도하는 위젯을 빠르게 개발하고 배포할 수 있습니다.

이 블로그 게시물은 위젯 Spotlight Week 시리즈의 일부로, 위젯을 디자인하고 만드는 데 도움이 되는 블로그 게시물, 동영상, 샘플 코드 등의 리소스를 제공합니다. Spotlight Week: 위젯 개요에서 자세히 알아보세요. 이 개요는 한 주 동안 계속 업데이트됩니다.