Part 1. 여기어때 디자인 시스템 기반 커스텀 SnackBar 개발기
Part 1. 여기어때 디자인 시스템 기반 커스텀 SnackBar 개발기
- 요약: 여기어때 앱은 YDS 6.0 버전을 기반으로 개발되고 있으며, 이번에는 YDS 6.0 버전에서 새롭게 추가된 SnackBar 컴포넌트를 개발하고 적용한 과정을 공유합니다. 스낵바의 노출 시간, 애니메이션 등을 커스텀하고, UiData 설계 클래스를 통해 스낵바의 UI 데이터를 효과적으로 관리합니다.
- 노출 시간 & 애니메이션 커스텀: 스낵바의 노출 시간과 애니메이션을 커스텀하기 위해 UiData 설계 클래스를 활용하여 스낵바의 표시 여부, 드래그 동작, UI 데이터 업데이트 등을 효율적으로 처리합니다. 상태 관리, 드래그 동작 처리, 상태 초기화를 통해 객체를 유지하며, 애니메이션 컴포넌트를 활용하여 입체적인 UI 경험을 제공합니다.
- 기대효과: 다양한 화면 구성과 시나리오에서 유연하게 적용할 수 있는 컴포넌트를 개발하여 유지보수와 확장 작업을 용이하게 합니다. 또한, Jetpack Compose Material3 버전 업데이트로 인한 의도치 않은 스낵바 표시 문제를 사전에 방지하여 디자인 시스템의 일관성을 유지합니다.
- 다음 단계: Part 2에서는 개발한 Compose SnackBar 컴포넌트를 XML 기반 레거시 화면에서 유연하게 활용하는 방법을 소개할 예정입니다.
감사합니다!