0. 혼용

UI 개발에서, State 명명법은 하기 2가지 방법이 존재.

1. 화면에 어떤 종류의 영향을 주는 지를 기반으로. → 영향 기반.
2. 그 상태가 나타내는 논리적인 동작(행동)을 기반으로. → 동작 기반.

1. 잘못된 사용례

// BAD
data class LoginState(
    val emailText: String = "",
    val isProgressBarVisible: Boolean = false, // -> 1번 영향 기반
    val isLoginFailed: Boolean = false // -> 2번 동작 기반
)

• isProgressBarVisible
  • 1번 영향 방법 기반 명명.
  • '화면'에 프로그래스바가 보이는지, 보이지 않는지 여부.
  • 해당 변수의 값에 따라 진행 바가 보이거나, 사라지게 되므로 영향 기반임.
• isLoginFailed
  • 2번 동작 방법 기반 명명.
  • 화면에 어떤 영향을 끼치는지 직접적으로 드러나있지 않음.
  • 단순히 로그인이 실패했을 시의 동작에 대해 명명함.

⇒ 어떤 접근법을 사용하든, 둘 중 하나를 일관되게 사용해야 함.

2. 옳은 사용례

// GOOD
data class LoginState(
    val emailText: String = "",
    val isLoggingIn: Boolean = false,
    val isLoginFailed: Boolean = false
)

• isProgressBarVisible → isLogginIn
  • isLoginFaild와 같이 동작(행동)을 반영하도록 명칭 통일.

⇒ 각 Composable은 그 자체로 해당 상태에서 어떤 행동을 할 지 결정 가능해짐.