[SwiftUI Bootcamp](중요반복) beginner11

Woozoo·2023년 1월 18일

[SwiftUI]

목록 보기

11/26

@StateObject & @ObservableObject

[커맨드 옵션p]누르면 프리뷰 새로고침 됨!

앱이 복잡해질수록 로직을 분산해서 관리하면 좋음

struct FruitModel: Identifiable {
    let id = UUID()
    let name: String
    let count: Int
}

struct ViewModelBootcamp: View {
    
    @State var fruitArray: [FruitModel] = []
    var body: some View {
        NavigationView {
            List {
                ForEach(fruitArray) { fruit in
                    HStack {
                        Text("\(fruit.count)")
                            .foregroundColor(.red)
                        Text(fruit.name)
                            .font(.headline).bold()
                    }
                }
                .onDelete(perform: deleteFruit)
            }
            
            .listStyle(.grouped)
            .navigationTitle("Fruit List")
            .onAppear {
                getFruits()
            }
        }
    }
    
    func getFruits() {
        let fruit1 = FruitModel(name: "Orange", count: 1)
        let fruit2 = FruitModel(name: "Banana", count: 2)
        let fruit3 = FruitModel(name: "Watermelon", count: 88)
        fruitArray.append(fruit1)
        fruitArray.append(fruit2)
        fruitArray.append(fruit3)
    }
    
    func deleteFruit(index: IndexSet) {
        fruitArray.remove(atOffsets: index)
    }
}

요렇게 작성했을 때 이 로직들을 분리해보자

먼저 getFruits와 deleteFruit은 모델(데이터)과 관련된 로직임

FruitViewModel이라는 클래스를 새로 만들어줌
근데 @State가 아니라 @Published를 붙여줬다
클래스에서는 @Published를 써야함
(hey something's changed. you might have to update something)
용도는 @State랑 비슷함!

기존에 있던 @State는 코멘트아웃해주고
fruitViewModel이라는 새로운 변수를 만들어줌

기존에 있던 로직들을 ViewModel로 옮기자

그럼 이렇게 깔끔하게 정리가 가능해졌다
그런데 여기서 문제가 발생함
view가 제대로 안나오고 있음
어떤 게 문제일까?

viewModel에 프로퍼티 래퍼인 @ObservedObject를 붙여서 데이터의 변경사항들이 있을 때 관찰되게 해줘야함

관찰이될라면 관찰이 가능해야겠죠
class viewModel에도 프로토콜 ObservableObject를 채택해줘야한다

그런데!!
@ObservedObject 같은 경우 포함된 뷰가 reload되게 되면 같이 refresh됨!!
이럴 때 해당 뷰모델은 유지되야할 필요가 있는데

@StateObject를 붙여서 persist되게 해준다

앱에서 처음 만들어지는 object다 -> @StateObject
넘겨 받아서 사용되는 object다 -> @ObservedObject

navigationBarItems 옛날 표현이긴 한데 그냥 사용했다
navigationLink를 넣고 싶었는데 link같은 경우 navigationView 안에 있어야해서
지금처럼 navigationItem으로 다른 뷰를 띄우고 싶을 때 어떻게 해줄 지 달리 방법이 안보임
HIG에서 저렇게 사용하지는 말라고 얘기하는 거 같기도 하고

이대로 뷰를 왔다갔다 할 경우에
.onAppear가 계속 실행되서 array가 계속 추가됨