모든 프레임을 완벽하게

Context

사용자는 UI 완성도를 통해 소프트웨어 내부의 코드 품질을 유추하는 휴리스틱을 가짐. 기존 UI 구현은 시작과 끝 상태에만 집중하여 전환 과정 중 발생하는 불완전한 프레임과 비동기적 요소 배치 문제를 간과함.

Technical Solution

• Wayland의 "Every Frame is Perfect" 원칙을 UI 레이어에 적용하여 모든 렌더링 시점의 일관성 확보
• 화면 전환 시 발생하는 흰색 깜빡임(White Flash) 제거 및 콘텐츠 부분 로딩 방지를 통한 시각적 연속성 유지
• 로딩 중 레이아웃 재배치(Layout Shift)를 억제하여 구성 요소 간의 위치 동기화 보장
• 상태 문구와 UI 컴포넌트 간의 데이터 정합성을 일치시켜 상태 불일치 프레임 제거
• 애니메이션 시퀀스 내 모든 중간 프레임을 관리하여 구성 요소의 비정상적인 움직임과 거짓 감각 배제
• Jetpack Compose와 같은 도구의 시간 제어 기능을 활용한 정적 스크린샷 기반의 회귀 테스트 수행