프론트엔드
Part 1. 여기어때 디자인 시스템 기반 커스텀 SnackBar 개발기
두줄요약
여기어때 디자인 시스템 YDS 6.0 기반 커스텀 SnackBar 개발 과정을 소개했습니다. 상태 관리, 애니메이션, 드래그 제스처를 통합해 재사용성과 확장성을 높였습니다.
핵심 내용
- 여기어때 디자인 시스템 YDS 6.0 기반 커스텀 SnackBar 개발 과정
- Google Material3 SnackBarHost와의 차이, 중복 호출 시 기존 스낵바 즉시 종료 방식
- SnackBarUiData로 텍스트, 아이콘, 액션, 정렬 정보를 캡슐화한 구조
- SnackBarState와 rememberSnackBarState로 표시 상태, 드래그, 자동 종료, 생명주기 관리 통합
- AnimatedVisibility, pointerInput, detectDragGestures로 애니메이션과 제스처 처리
적용해볼 점
- 상태와 UI 데이터를 분리한 재사용 가능한 컴포넌트 설계
- 드래그 종료 조건과 자동 사라짐 처리의 일관된 상태 관리
- 디자인 시스템 기반으로 서비스 전반의 UI 일관성 유지