인프런 커뮤니티 질문&답변

import SwiftUI

struct ContentView: View {
    @State private var ToggleCheck: Bool = false // @State 없으면 에러 왜? / 연산자 토글을 누른 후의 숫자 입력인지 체크하기 위한 변수
    @State private var isAdditionActive = false // 덧셈 토글 체크
    @State private var isSubtractionActive = false // 뺄셈 토글 체크
    @State private var isMultiplicationActive = false // 곱셈 토글 체크
    @State private var isDivisionActive = false // 나눗셈 토글 체크
    
    @State private var printNumber: String = "0" // 계산식에 사용 or 화면에 출력한 내용을 담은 변수
    @State private var totalNumber: Int = 0 // 토탈 계산 값
    @State private var op: Character = " "
    @State private var buttonData: [[String]] = [ // 키패드 모음 2차원 배열
        ["AC", "+/-", "%", "÷"],
        ["7", "8", "9", "X"],
        ["4", "5", "6", "-"],
        ["1", "2", "3", "+"],
        ["0", ".", "="]]
    
    var body: some View {
        ZStack{
            Color.black.ignoresSafeArea() // 화면 전체 여백 없이 배경색 지정
            
            VStack {
                Spacer()
                HStack{
                    Spacer()
                    Text("\(Int(printNumber)!)") // 계산기의 숫자 출력
                        .padding()
                        .font(.system(size: 73))
                        .foregroundColor(.white)
                }
                ButtonPosition() // C, +/-, %를 제외한 버튼을 화면에 추가
            }
        }
    }
    
    func Reset(){
        printNumber = "0" // 출력된 계산 숫자 UI 초기화
        totalNumber = 0 // 연산의 토탈값을 담고 있는 변수도 당연히 초기화
        ToggleCheck = false
        op = " "
        buttonData[0][0] = "AC"
        isAllfalse() // 버튼의 토글값 및 연산자 버튼 토글 UI도 모두 초기화
    }
    
    func isAllfalse(){ // 연산자의 토글 버튼을 전부 해제 하기 위한 함수
        isAdditionActive = false
        isSubtractionActive = false
        isMultiplicationActive = false
        isDivisionActive = false
    }
    
    func opIfSwitch(){ // 실질적인 계산을 위한 switch문
        if op == " "{
            totalNumber = Int(printNumber)!
        }
        else{
            switch op{
            case "÷":
                totalNumber /= Int(printNumber)!
                if printNumber == "0"{ // 비정상 종료.. 왜?
                    printNumber = "오류"
                }
            case "X":
                totalNumber *= Int(printNumber)!
            case "-":
                totalNumber -= Int(printNumber)!
            case "+":
                totalNumber += Int(printNumber)!
            default:
                break
            }
        }
        printNumber = String(totalNumber)
    }
    
    // 내 코드의 계산 방식 작성할 것 이따가
    func Division(){ // 나눗셈
        opIfSwitch()
    }
    
    func Multiplication(){ // 곱셈
        opIfSwitch()
    }
    
    func Minus(){ // 뺄셈
        opIfSwitch()
    }
    
    func Plus(){ // 덧셈
        opIfSwitch()
    }
    
    func Equal(){ // 등호
        opIfSwitch()
        isAllfalse()
        ToggleCheck = false // =을 누른 후 결과 값에 추가로 연산을 진행할 때 이 코드 없으면 정상적으로 진행되지 않음
    }
    
    func ButtonPosition() -> some View{ // 버튼 디자인 및 포지셔닝 함수
        ForEach(buttonData, id: \.self){ line in
            HStack{
                ForEach(line, id: \.self){ row in
                    switch row{
                    case "AC", "C", "+/-", "%":
                        ButtonDesign(row, .gray, .black)
                    case "÷", "X", "-", "+", "=":
                        ButtonDesign(row, .orange, .white)
                    default:
                        ButtonDesign(row, .init("NumberButton"), .white)
                    }
                }
            }
        }
    }
    
    func ButtonDesign(_ value: String, _ backcolor: Color, _ fcolor: Color) -> some View{ // 공통 버튼 디자인
        Button {
            switch value {
            case "÷":
                isDivisionActive = true // 나눗셈 버튼 토글
                isAdditionActive = false
                isSubtractionActive = false
                isMultiplicationActive = false
            case "X":
                isMultiplicationActive = true // 곱셈 버튼 토글
                isDivisionActive = false
                isAdditionActive = false
                isSubtractionActive = false
            case "-":
                isSubtractionActive = true // 뺄셈 버튼 토글
                isAdditionActive = false
                isMultiplicationActive = false
                isDivisionActive = false
            case "+":
                isAdditionActive = true // 덧셈 버튼 토글
                isSubtractionActive = false
                isMultiplicationActive = false
                isDivisionActive = false
            default:
                break
            }
            ButtonAction(value)
        } label: {
            Text(value)
                .frame(width: value == "0" ? 160 : 80, height: 80, alignment: value == "0" ? .leading : .center)
                .background((value == "÷" && isDivisionActive) || (value == "X" && isMultiplicationActive) || (value == "-" && isSubtractionActive) || (value == "+" && isAdditionActive) ? Color.white : backcolor)
            //.background(value == "÷" && isDivisionActive ? Color.white : backcolor)
            //.background(value == "X" && isMultiplicationActive ? Color.white : backcolor)
                .foregroundColor(value == "÷" && isDivisionActive || (value == "X" && isMultiplicationActive) || (value == "-" && isSubtractionActive) || (value == "+" && isAdditionActive) ? Color.orange : fcolor)
                .font(.system(size: 33))
                .cornerRadius(40)
        }
    }
    
    func ButtonAction(_ value: String){
        switch value { // 버튼을 누르면
        case "AC", "C": // C를 누르면
            Reset() // 초기화 버튼을 누르면 각종 상수 및 변수들이 초기화 됨
        case "÷": // 나누기를 누르면
            Division() // 실질적인 계산을 하는 함수
            op = "÷"
            ToggleCheck = false
        case "X": // 곱하기를 누르면
            Multiplication() // 실질적인 계산을 하는 함수
            op = "X"
            ToggleCheck = false
        case "-": // 빼기를 누르면
            Minus() // 실질적인 계산을 하는 함수
            op = "-"
            ToggleCheck = false
        case "+": // 더하기를 누르면
            Plus() // 실질적인 계산을 하는 함수
            op = "+"
            ToggleCheck = false
        case "+/-":
            printNumber = String(Int(printNumber)! * -1)
        case "=":
            Equal() // 최종 결과를 출력하기 위한 스위치문 호출
            op = " " // 내가 원하는 기능을 구현하기 위해 꼭 필요한 코드
            printNumber = String(totalNumber) // 연산의 결과 값을 출력
            totalNumber = Int(printNumber)!
        default:
            if printNumber == "0"{
                printNumber = value // 숫자 첫 입력시 화면에 출력
                buttonData[0][0] = "C"
            }
            else if (isDivisionActive || isMultiplicationActive || isSubtractionActive || isAdditionActive) && ToggleCheck == false{
                printNumber = value
                ToggleCheck = true // 연산자 버튼이 눌러짐
            }
            else{
                if printNumber.count < 9{
                    printNumber += value
                }
            }
        }
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

안녕하세요! 다름이 아니라 강의에 있는 프로젝트 외에 따로 계산기를 하나 만들어보고 있습니다 근데 @State 어노테이션에 대해 이해가 안되는 부분이 있습니다 구글링도 해보고 여러 방면으로 알아봤는데 원하는 답을 얻지 못해서 질문 올립니다

@State는 뷰의 상태 변화를 체크하는 어노테이션이라고 알고 있습니다. 변수 선언부의 주석을 보시면 @State 없으면 에러 왜? 이런 내용의 주석이 달려 있는 변수가 지금 저의 의문점입니다

ToggleCheck 변수와 totalNumber 변수는 뷰의 상태 변경에 직접적인 영향을 미치지 않기 때문에 @State가 필요 없다고 생각합니다. 근데 저 두 변수에 @State를 지우면 에러가 발생합니다. 일단 뷰의 변화는 실질적으로 totalNumber 변수의 값을 대입 받는 printNumber 변수이니 printNumber 변수에만 @State가 필요하다고 생각하는데 왜 에러가 발생하는 걸까요

마찬가지로 ToggleCheck 변수도 마찬가지로 체크용으로 사용하고 저 값이 변한다고 해서 직접적으로 뷰에 미치는 영향이 없는데 왜 @State가 필요한 걸까요... 혹시 알고 계시면 꼭 답변 부탁드리겠습니다...!

감사합니다!