[iOS/SwiftUI] 왜 토글에서는 달러 사인을 쓰고 버튼에서는 안쓸까?

예시 코드

struct ContentView: View {
    @State private var count = 0
    @State private var isOne = false
    
    var body: some View {
        VStack {
            Button("버튼 눌린 횟수 \(count)") {
                self.count += 1
            }
            Toggle(isOn: $isOne) {
                Text("토글 상태 \(isOne ? "on" : "off")")
            }
        }
    }
}

SwiftUI에서 View 단위의 간단한 값을 State를 사용해서 관리하는데 이때 Button은 State에 접근하기 위해 self를 사용하고 Toggle은 달러 사인을 사용하는 것을 알수 있다. 

사실 각각 프로퍼티에 접근할 때 역할과 위치가 다르기 때문이다.

 

State의 값이 변경되면 이 값과 관련있는 뷰를 다시 그리게 된다. 이때 이 State의 값을 반영하여 View가 화면에 갱신된다. dollar sign(달러 사인 : 이하 $) 는 속성의 값에 접근할 수 있도록 하고 이를 "프로젝션"이라고 한다.

Toggle을 보면 isOn 인자로 Binding을 전달해야 함을 알 수 있는데 $기호를 사용해서 State 값에 접근하게 되면 SwiftUI는 Binding 타입을 반환하게 된다. 

Binding은 값의 저장소를 참조하고 있기 때문에 값을 읽는 것 뿐만 아니라 바꾸는 것도 가능하다. 따라서 Toggle의 isOn에는 State를 달러사인으로 전달하게 된다.

 

Button을 보면 action 인자는 클로져로 전달된다. 즉 Binding이 필요한 것이 아닌 action 클로져를 전달하는 것이다. 

이때 클로져는 View의 body와는 별도의 Context에서 실행된다. 동일한 Context가 아니기 때문에 State는 Binding을 생성하지 않는다. 

이런 경우 State 변수에 직접 접근하여 값을 변경하게 되기 때문에 self로 접근한다. 

 

사실 이거 ChatGPT에서 알려줫어요 😝 잘 쓰면 공부랑 코딩하는데 엄청 도움이 될듯 합니다.

(그냥 혼자만 읽고 넘어가려다가 ChatGPT 성능보고 감탄해서 -거즌 애플문서 깔끔 번역- 정리해서 블로그에 다시 적음)

심각한 문제 중 하나는 출처가 불분명함.. 출처 표기 해야 하는데...문제시 댓글 부탁드립니다!

 

참고 사이트 

https://chat.openai.com/chat