Saving UI States

WindSekirun (wind.seo)·2022년 4월 26일
0

이 글은 기존 운영했던 WordPress 블로그인 PyxisPub: Development Life (pyxispub.uzuki.live) 에서 가져온 글 입니다. 모든 글을 가져오지는 않으며, 작성 시점과 현재 시점에는 차이가 많이 존재합니다.

작성 시점: 2019-06-27

이 글은 Android Developers 사이트의 Saving UI States 의 한국어 번역본입니다. 아주 많은 의역과 오역이 들어갈 수 있으므로, 만일 틀린 부분이 있다면 댓글로 지적 부탁드립니다.


시스템에서 시작한 Activity나 애플리케이션이 파괴될 때 마다 Activity의 UI의 상태를 적시에 보존하고 복원하는 것은 사용자 경험(User Experience) 에 있어서 중요한 부분입니다. 이러한 경우, 사용자는 UI 상태가 그대로 유지될 것이라고 예상하지만 시스템은 Activity와 Activity에 보관된 모든 상태를 파괴합니다.

사용자 기대와 시스템 동작 간의 차이를 메꾸기 위해 ViewModel 객체, onSaveInstanceState() 메서드 및 로컬 저장소를 조합하여 사용해서 이러한 애플리케이션 및 Activity 인스턴스의 전환에 있어 UI 상태를 유지할 수 있습니다. 이러한 옵션(ViewModel, onSavedInstanceState, 로컬 저장소)들을 결합하는 방법을 결정하는 데에는 UI 상태 데이터의 복잡성, 앱의 사용 사례 및 검색 속도, 메모리 사용 속도 측면에서 비교하고 결정하게 됩니다.

어떤 방법을 사용하든 관계 없이 앱이 UI 상태와 관련하여 사용자의 기대치를 충족하는지 확인하고 원할한 UI를 제공해야 합니다. (특히 화면 회전과 같이 자주 발생하는 설정의 변경(Configuration Changes) 후에 데이터를 다시 불러오는 데에 걸리는 시간을 피해야 합니다.) 대부분의 경우, ViewModel와 onSaveInstanceState를 모두 사용해야 합니다.

이 페이지에서는 UI 상태를 보존하는 데에 사용할 수 있는 옵션, 각각의 절충점 및 제한 사항을 소개합니다.

사용자가 기대하는 것과 시스템의 동작

사용자가 취하는 행동에 따라 사용자는 해당 Activity의 상태가 지워지거나 상태가 보존되기를 기대합니다. 경우에 따라 시스템은 사용자가 예상하는 작업을 자동으로 수행하는 반면, 다른 경우에는 시스템이 사용자가 기대하는 것과 반대되는 행동을 할 수 있습니다.

사용자에 의한 UI 상태 제거

사용자는 Activity를 시작할 때에 완전히 제거할 때 까지 해당 Activity의 UI 상태가 동일하게 유지될 것으로 예상합니다. 완전히 제거하는 예는 다음과 같습니다.

  • 뒤로 버튼 누르기
  • 최근 내역(Recents) 에서 끌어내리기
  • Navigation의 Up 활동
  • 애플리케이션 설정 화면에서 강제종료
  • 완료 화면 등에서의 화면 종료 (다시 말하면 Activity.finish())

이러한 완전 제거에 대해서는 사용자가 이 Activity를 완전히 종료하고, 다시 생성시켰을 때 깨끗한 상태에서 시작될 것으로 기대한다는 것입니다. 이러한 시나리오에 대한 기본 시스템 동작은 사용자의 기대 사항과 일치합니다. 즉, Activity의 인스턴스Activity에 저장된 모든 상태Activity와 관련된 상태 레코드삭제되고 메모리에서 제거되는 것을 의미합니다.

완전 제거 규칙에는 몇 가지 예외가 있습니다. 예를 들어, 뒤로 버튼을 누른다고 해도 브라우저 같은 앱에서는 Activity가 종료되는 것이 아닌 전 페이지를 보여줍니다.

시스템에 의한 UI 상태 제거

사용자는 화면 회전 또는 멀티태스킹 모드 전환으로 같은 설정의 변경(Configuration Changes) 에서 Activity의 UI 상태가 동일하게 유지될 것으로 기대합니다. 그러나 기본적으로 시스템은 이러한 설정의 변경이 일어날 경우 Activity의 UI 상태를 제거하고 Activity를 제거합니다. 설정의 변경에 대해서는 설정 참조 페이지 를 참조하세요. 참고로, 설정의 변경에 대해 기본 동작을 재정의하는 것은 권장되지는 않지만 가능합니다. 자세한 내용은 설정의 변경에 대한 재정의 를 참조하세요.

또한 사용자는 임시로 다른 앱으로 전환한 다음에 앱으로 돌아올 경우 Activity의 UI 상태가 동일하게 유지될 것으로 기대합니다. 예를 들어 사용자는 검색 Activity에서 검색을 수행한 다음 홈 버튼을 누르거나 전화 통화에 응답합니다. 다시 검색 Activity에 돌아가면 이전과 마찬가지로 검색 키워드와 그에 맞는 결과가 보여질 것으로 기대합니다.

이 시나리오에서는 앱이 백그라운드에서 실행되며 시스템이 앱 프로세스를 메모리에 저장하기 위해 최선을 다합니다. 그러나 시스템은 사용자가 앱과 상호 작용하지 않는 동안 애플리케이션 프로세스를 파괴할 수 있습니다. 이러한 경우 Activity 인스턴스는 해당 Activity에 저장된 모든 상태와 함께 제거됩니다. 사용자가 앱을 다시 실행하면 예기치 않게도 깨끗한 상태가 됩니다. 프로세스 중단에 대한 자세한 내용은 프로세스 및 애플리케이션 라이프사이클 주기를 참조하세요.

UI 상태 보존 옵션

UI 상태에 대한 사용자의 기대가 기본 시스템 동작과 일치하지 않는 경우 시스템 시작 파괴가 사용자에게 영향을 미치지 않도록 사용자의 UI 상태를 저장 및 복원해야 합니다.

UI상태를 보존하기 위한 각 옵션은 사용자 경험에 영향을 미치는 차원에 따라 달라집니다.

ViewModel를 사용하여 설정 변경의 경우에 대한 처리

ViewModel은 사용자가 애플리케이션을 사용하는 동안 OS 관련 데이터를 저장하고 관리하는 데 적합합니다. 이를 통해 UI 데이터에 빠르게 액세스 할 수 있으며, 화면 회전이나, 창 크기 조정 및 기타 일반적으로 발생하는 설정 변경을 방지할 수 있습니다. ViewModel을 구현하는 방법에 대한 자세한 내용은 ViewModel 가이드를 참조하세요.

ViewModel은 데이터를 메모리에 유지하므로 디스크나 네트워크의 데이터보다 접근하는 것보다 더 저렴합니다. ViewModel은 Activity 또는 다른 LifecycleOwner과 연결되며, 시스템은 설정 변경으로 인해 발생한 새 Activity 인스턴스와 ViewModel을 자동으로 연결합니다.

ViewModel은 사용자가 Activity또는 Fragment을 사용하지 않거나 finish()를 요청하면 시스템에 의해 자동으로 제거됩니다. 즉, 이러한 시나리오에서 사용자가 예상하는 대로 상태가 지워집니다.

**onSavedInstanceState**와 달리 ViewModels는 시스템에 의해 제거될 경우 같이 제거됩니다. 따라서 ViewModel과 함께 onSaveInstanceState (또는 다른 저장 방법)을 사용하여 onSavedInstanceState에 ID를 저장하여 ViewModel의 데이터 복구를 도우는 등의 행동을 해야 합니다.

설정 변경 때 UI 상태를 저장하기 위한 메모리 내 방법이 이미 있다면 ViewModel를 굳이 사용할 필요는 없습니다.

onSavedInstanceState를 백업으로 사용하여 시스템에 의해 제거될 경우에 대한 처리

onSaveInstanceState() 메서드에는 시스템이 UI 컨트롤러(Activity 또는 Fragment)를 제거한 후 다시 생성하는 경우 UI 컨트롤러 상태를 다시 로드하는 데 필요한 데이터가 저장됩니다. 저장된 인스턴스 상태를 구현하는 방법에 대한 자세한 내용은 Activity 라이프 사이클 가이드에서 Activity 상태 저장 및 복원을 참조하세요.

SavedInstanceBundle은 설정 변경 및 시스템에 의한 제거 둘 다 유지하지만 디스크에 데이터를 보존하기 때문에 저장 용량과 속도에 따라 제한됩니다. 직렬화할 개체가 복잡한 경우 직렬화하는 데 많은 메모리가 소모될 수 있습니다. 이 프로세스는 설정 변경 중에 메인 스레드에서 발생하므로, 직렬화하는 데 너무 오래 걸릴 경우 프레임 손실과 시각적 스터칭이 발생할 수 있습니다.

**onSaveInstanceState()**를 사용하여 대량의 데이터를 저장하거나 긴 (역)직렬화가 필요한 복잡한 데이터 구조를 저장하지 마십시오. 대신 Primitive 유형과 String와 같은 단순하고 작은 객체만 저장하십시오. 따라서 onSaveInstanceState()를 사용하여 ID와 같이 최소한의 데이터만 저장하고 다른 지속성 메커니즘(ViewModel 등)이 실패할 경우 UI를 이전 상태로 복원하는 데 사용하세요. 대부분의 앱은 시스템에 의해 제거된 경우를 처리하기 위해 onSaveInstanceState()를 구현해야 합니다.

애플리케이션의 사용 사례에 따라 onSaveInstanceState()를 전혀 사용할 필요가 없을 수도 있습니다. 예를 들어 브라우저를 사용하면 사용자가 브라우저를 종료하기 전에 보던 웹 페이지로 돌아갈 수 있습니다. Activity가 이러한 방식으로 수행되는 경우 onSaveInstanceState()를 사용하지 않고 모든 작업을 로컬로 유지할 수 있습니다.

또한 Intent를 통해 Activity를 시작할 때 설정 변경과 시스템에 의해 제거된 경우를 복원할 때 모두 Activity Bundle가 제공됩니다. Activity를 시작할 때 UI 상태 데이터가 추가 용도로 전달된 경우에는 SavedInstanceBundle 대신 Extra Bundle을 사용할 수 있습니다. Intent Extras에 대한 자세한 내용은 Intent 및 Intent Filter를 참조하세요.

이러한 시나리오 중 하나에서는 설정 변경중에 데이터베이스에서 데이터를 다시 로드하는 로직이 낭비되지 않도록 **ViewModel**을 사용해야 합니다.

보존할 UI 데이터가 단순하고 가벼울 경우onSaveInstanceState()를 통해서 데이터를 보존할 수 있습니다.

참조: 이제 Saved State 모듈을 사용하여 ViewModel 객체에 Saved State를 제공할 수 있습니다. 저장된 상태는 SavedStateHandle라는 객체를 통해 접근할 수 있습니다. Android Lifecycle-aware components 코드랩 에서 어떻게 작동하는지 확인할 수 있습니다.

로컬 스토리지를 사용하여 복잡하거나 큰 데이터에 대한 프로세스 중단 처리

데이터베이스 또는 SharedPreference 과 같은 영구 로컬 스토리지는 애플리케이션이 사용자 기기에 설치되어 있는 동안에는 유지됩니다. 이러한 로컬 스토리지는 사용자에 의하거나 시스템에 의해 제거된 Activity에 대해 모두 대응할 수 있지만, 로컬 스토리지에서 메모리로 읽어 와야 하므로 접근하는 데 많은 비용이 들 수 있습니다. 이러한 영구 로컬 스토리지는 Activity를 열고 닫을 때 손실되지 않아야 할 모든 데이터를 저장하는 애플리케이션의 주 아키텍쳐의 일부일 수 있습니다.

ViewModel 또는 onSaveInstanceState()는 모두 장기적인 임시 스토리지 솔루션이므로 데이터베이스와 같은 로컬 스토리지를 대체할 수 없습니다. UI 상태를 일시적으로 저장하는 데에는 이러한 임시 스토리지 솔루션을 활용할 수 있지만, 보존되어야 할 앱 데이터에는 영구 스토리지를 사용해야 합니다. 로컬 스토리지를 활용하여 애플리케이션 모델 데이터를 장기간 유지하는 방법에 대한 자세한 내용은 애플리케이션 아키텍쳐 가이드를 참조하세요.

UI 상태 관리: 분할 및 정복

Activity를 다양한 유형의 지속성 메커니즘으로 나누어 효율적으로 UI 상태를 저장하고 복원할 수 있습니다. 대부분의 경우, 이러한 메커니즘은 데이터 복잡성, 접근 속도 및 수명의 절충점에 기반하여 Activity에 사용되는 다양한 유형의 데이터를 저장해야 합니다.

  • 로컬 스토리지: 앱을 열고 닫을 때에도 손실되지 않아야 할 데이터
    • 예: 노래 객체, 오디오 파일이나 메타데이터
  • ViewModel: 연결된 UI 컨트롤러를 표시하는 데 필요한 모든 데이터
    • 예: 가장 최근에 검색한 노래와 그 검색어
  • onSavedInstanceState: Activity가 중지되었다가 다시 생성되는 경우 Activity의 상태를 쉽게 로드하는 데 필요한 소량의 데이터. 여기에 복잡한 객체를 저장하는 대신 로컬 스토리지에 복잡한 객체를 유지하고 이러한 객체에 대한 고유 ID를 onSavedInstanceState에 저장합니다.
    • 에: 가장 최근에 검색하는데 사용한 검색어

예를 들어, 노래 라이브러리를 검색하는 Activity를 떠올려 보세요. 다양한 이벤트를 처리하는 방법은 다음과 같습니다.

사용자가 노래를 추가하면 ViewModel은 즉시 이 데이터를 로컬로 유지합니다. 새로 추가된 이 곡이 UI에 표시해야 하는 곡인 경우 ViewModel 객체의 데이터도 업데이트하여 곡을 추가해야 합니다. 메인 스레드에서 모든 데이터베이스 삽입을 수행해야 하는 것을 잊지 마세요.

사용자가 노래를 검색할 때 UI 컨트롤러를 위해 데이터베이스에서 로드한 복잡한 노래 데이터는 즉시 ViewModel 객체에 저장되어야 합니다. 또한 검색 조회 자체를 ViewModel 객체에 저장해야 합니다.

활동이 백그라운드로 진행되면 onSaveInstanceState()를 통해 검색 쿼리를 저장해야 합니다. 적은 양의 데이터에 있어서는 저장하기 쉽습니다. 이 데이터는 Activity를 이전의 상태로 되돌리는 데 필요한 모든 정보라고 할 수 있습니다.

복잡한 상태의 복원 : 부품을 다시 조립하다

사용자가 Activity로 돌아갈 시간이 되면 Activity을 다시 만드는 데 사용할 수 있는 두가지 시나리오가 있습니다.

  • 시스템에 의해 중지된 후 Activity이 재생성 되는 경우: Activity에 저장된 쿼리가onSaveInstanceState() 번들로 제공되며 쿼리를 ViewModel에 전달해야 합니다. ViewModel은 캐시 된 검색 결과가 없음을 확인하고 검색 쿼리를 사용하여 검색 결과를 로드합니다.
  • Activity가 설정 변경에 의해 재성성 되는 경우: ViewModel가 이미 캐시된 검색 결과가 있으므로 데이터베이스에 다시 요청할 필요가 없습니다.

참조: Activity가 처음 생성되면 onSavedInstanceState() 번들에는 데이터가 없으며 ViewModel 또한 비어있습니다. ViewModel 객체를 생성할 때 빈 쿼리를 통과하여 ViewModel 객체에 아직 로드할 데이터가 없음을 알 수 있습니다. 따라서 깔끔한 상태에서 Activity가 시작됩니다.

추가 링크

UI 상태 저장에 대한 자세한 내용을 알고 싶다면, 다음 링크를 참조하세요.

profile
Android Developer @kakaobank

0개의 댓글