[RxSwift🦈] #5 Variable & BehaviorRelay

1. 만들고 싶었던 것 : 체크박스

@IBAction checkButtonTouched(sender: UIButton) {
    sender.isSelected = !sender.isSelected
    activateButton(isSelected: sender.isSelected)
}

처음부터 RxSwift 로 만드는 것은 무리일 것 같아서 View를 다 짜고 동작을 제대로 하는지 확인 후, 제대로 동작하길래 RxSwift로 리팩토링을 하고 싶었다.

RxCocoa 에 checkButton.rx.tap 이라는 좋은 method 가 있었지만 sender.isSelected 를 표현할 방법이 없었다.

2. Variable

그래서 찾던 중 Variable 을 사용하여 내가 원하던 기능을 구현한 소스를 찾게 되었고, 대충 이해는 가지만 뭔말이야.. 라고 생각하게 되었다.

let checkBoxValid = Variable(true)

checkBoxValid.asObservable()
    .bindTo(checkBoxButton.rx.isSelected)
    .disposed(by: disposeBag)

checkBoxButton.rx.tap
    .subscribe(onNext: {
    checkBoxValid.value = !checkBoxValid.value
    })
    .disposed(by: disposeBag)

출처 : https://github.com/ReactiveX/RxSwift/issues/1172

여기에서 공부해보니,

Varaiable은 BehaviorSubject 의 현재 값을 State 로 가지는 녀석이라고 한다. 그냥 일반적인 값을 Observable 처럼 보이기 위해 사용했다고 설명하기도 했다.

그래서 위의 코드처럼

• Variable(true) 이렇게 값을 Variable 로 감싸서 표현하고
• 해당 값을 subscribe 하고 싶으면 .asObservable() 을 통해 Observable 로 간주해주어야 한다.
• 값을 꺼내 쓰거나 새로운 값을 넣고 싶으면 .onNext() 대신 checkBoxValie.value 처럼 .value를 사용한다.
  • 에러가 발생하지 않음이 보장되고, 할당 해제 시 자동 완료가 되기 때문에 .onError, .onCompleted 역시 필요하지 않다.

사용은 아래 모든 경우에 사용할 수 있다.

• Observable 처럼 값을 받을 수만 있는 상황
• Subject 처럼 값을 주고 받는 상황
• 구독 없이 그냥 하나의 값만 있어도 되는 상황 (위에서 말한 일반 값을 Observable 처럼 사용)

3. BehaviorRelay

그런데, Variable 은 deprecated 이니 BehaviorRelay 를 사용하라는 경고 문구가 떠서 BehaviorRelay 로 코드를 고쳐보았다.

// checkButton : 위의 깃헙 코드를 BehaviorRelay로 바꿈.
// checkButtonIsSelected 라는 observable 만들어서,
// checkButton.isSelected 해당 relay를 구독하게 하면 된다.
// 버튼 누르면 checkButtonIsSelected 에 정보 보내서 바뀌게.
let checkButtonIsSelected = BehaviorRelay(value: false)
checkButtonIsSelected.asObservable()
  .bind(to: checkButton.rx.isSelected)
  .disposed(by: disposeBag)

_ = checkButton.rx.tap
  .subscribe(onNext:  {
    checkButtonIsSelected.accept(!checkButtonIsSelected.value)
    self.activateButton(isSelected: checkButtonIsSelected.value)
  })
  .disposed(by: disposeBag)

Variable 대신 BehaviorRelay 를 사용하는 이유

는, Varaible 이 의도치 않게 값을 바꿀 가능성이 있고, 이름 역시도 RxSwift 의 컨벤션과 맞지 않고, 메모리 관리 면에서도 효율적이지 않기 때문이라고 한다. Variable 이 직관적인 이름이라 이해가 쉽다고 생각하지만, 코드를 바꿔보니 Relay 라는 개념을 알고 있다면 이해하기 어렵지는 않은 것 같다.

+

인턴을 하면서, 회사의 프로젝트가

1. customView : xib + SnapKit
2. RxSwift
3. viper design pattern

를 사용했다는 사실을 알게 되었다. 2, 3번은 면접때도 듣긴 했었지만 전부 공부하기엔 무리가 있어서 RxSwift 4시간 강의만 먼저 들었었다. 그런데... 출근하면서 1주일 간 기존 코드를 까보고 간단한 화면 구현을 해보니 rx 가 곰튀김님 강의처럼 쉽지만은 않았다. 그리고 한동안 코드 기반으로 뷰 잡다가 xib를 쓰니 장단점이 너무 명확했다.

그래서 여러 소스를 찾으면서 공부하던 중

RxSwift는 보영님의 정리 소스가 따라가기 좋은 것 같아서 따라가면서 공부하고 구현해보고 있다. GITGET 엄청 잘 쓰고 있는데 이분이 만든거였다..!!!

퇴근하면 뻗어서 블로그 쓸 시간이 별로 안나지만... 파이팅!!