Swemo - Iteration 3: 메모 화면의 State & Event 체계 정리

#1 개발 목표 (Iteration Goal)

#1-1 이상(Ideal)과 징검다리

이상(Ideal)

사용자 관점에서 직관적인 메모 앱을 만들어야 한다. 사용자의 의도에 걸맞은 행동을 유도할 수 있어야 하고, 사용자가 의도가 드러나는 결과를 보여주어야 한다.

 

Iteration 3: 메모 화면의 State & Event 체계 정리

지금까지 구현한 UI는 일종의 뼈대에 불과했다. 이 뼈대에 붙일만한 '살'이란, 사용자 행동에 의한 상호작용(Event) 그리고 상태(State)의 변화다. 앱에서 사용자에게 제공할 '직관적인 행동'이 무엇인지를 정의하고, (좋은 방향으로) 업데이트 해나가야 한다. 

 

#1-2 개발 범위

이번 개발 범위 (In Scope)

1. State down / Event up 구조 확립
   • Screen은 ViewModel을 몰라야 함
   • ViewModel은 Compose State를 몰라야 함
2. ViewModel 구현
   • ViewModel 보유할 State와 UI 단에서 보유할 State (DrawerState 등)를 구분
   • 이벤트 발생에 따른 State 업데이트를 위한 onEvent() 함수 보유
3. MemoUiState 클래스 구현
   
   • ViewModel에서 관리할 모든 State를 Wrapping 한 클래스
4. MemoEvent 클래스 구현
   • Event sealed interface
5. MemoScreen 업데이트
   • 매개변수로 State 및 Event만 받도록 업데이트
   • 매개변수로 받을 람다 함수를 Callable Reference 표기법으로 표현

 

범위 외 (Out of Scope)

1. Data layer 관련
2. IME, focus, scroll 관련
3. UI 다듬기
   
   • 애니메이션
   • 세부 레이아웃 미세조정
   • 디자인 개선
4. 성능(최적화) 관련
   
   • derivedStateOf 최적화
   • recomposition 분석
   • snapshotFlow 사용

 

#2 변경 내역 (커밋 목록)

#2-1 Iteration 3-1

추가 예정.

 

#3 테스트

추가 예정.

 

#4 개발 결과 (Iteration Outcome)

추가 예정.