[Swift] ObserableObject 끄적끄적..

임클·2023년 3월 12일
0

Swift

목록 보기
28/37
post-thumbnail

chatgpt에서..

Q. swiftui obserableObject는 stateObject로 데이터를 받나요 아니면 ObservedObject로 받나요?

SwiftUI에서 @StateObject와 @ObservedObject 두 가지 프로퍼티 래퍼(property wrapper)를 사용하여 다른 객체(object)들을 감지하고 업데이트할 수 있습니다.

@StateObject 래퍼는 SwiftUI의 View에서만 사용되며, 해당 뷰(view)의 수명주기(lifecycle) 동안 객체를 유지하며, 해당 객체의 상태 변화(state change)를 감지합니다.
@ObservedObject 래퍼는 객체가 View의 하위 트리(subtree)에 존재하는 다른 View에서 사용될 때 사용됩니다. 뷰가 생성될 때 해당 객체의 인스턴스를 생성하고 뷰가 그려질 때마다 해당 객체의 상태를 다시 읽습니다.

따라서, @StateObject는 해당 View의 수명주기 내에서만 존재하고, @ObservedObject는 해당 View가 포함된 하위 View에서 사용됩니다. 따라서, 사용하고자 하는 상황에 맞게 두 래퍼 중 하나를 선택하여 사용하면 됩니다.


이해하는 과정..

어느 struct나 class가 obserable 하고 그 안에 @Published로 데이터를 관찰가능하게 만들고
다른 swiftUI View에서 데이터를 사용할 때 상황에 맞게 사용을 하는데

한 View에서만 사용하고 싶다면 @StateObject로 사용해서 해당 View에서만 객체를 유지하고,
View의 하위 트리로 들어가져서 사용하게 된다??


한번더 chatgtp..

예를 들어, 게시글 목록을 보여주는 앱이 있다고 가정해봅시다. 이 앱에서는 게시글 목록이 SwiftUI의 List 뷰에 표시됩니다. 각 게시글에는 제목, 작성자, 내용 등이 포함됩니다.

이 앱에서는 게시글 데이터를 가져오기 위해 PostManager 라는 객체를 사용합니다. 이 PostManager 객체는 게시글 목록을 가져오고, 새로운 게시글을 추가하고, 게시글을 삭제하는 등의 기능을 제공합니다.

PostManager 객체를 사용하여 게시글 목록을 가져오려면, 해당 객체를 SwiftUI의 View에 연결해야 합니다. 이를 위해 @ObservedObject 프로퍼티 래퍼를 사용할 수 있습니다.

class PostManager: ObservableObject {
    @Published var posts: [Post] = []

    // 게시글 목록 가져오기
    func fetchPosts() {
        // 게시글을 서버에서 가져온다고 가정
        let fetchedPosts = [Post(title: "First Post", author: "John Doe", content: "This is my first post."),
                            Post(title: "Second Post", author: "Jane Smith", content: "This is my second post.")]
        posts = fetchedPosts
    }

    // 새로운 게시글 추가하기
    func addPost(_ post: Post) {
        posts.append(post)
    }

    // 게시글 삭제하기
    func deletePost(_ post: Post) {
        if let index = posts.firstIndex(where: { $0.id == post.id }) {
            posts.remove(at: index)
        }
    }
}

위 코드에서는 PostManager 객체가 ObservableObject 프로토콜을 준수하도록 만들었습니다. 또한 @Published 프로퍼티 래퍼를 사용하여 posts 배열을 관찰 가능한(observed) 상태로 만들었습니다.

이제 SwiftUI의 List 뷰에서 PostManager 객체를 사용하여 게시글 목록을 표시할 수 있습니다.

struct PostListView: View {
    @ObservedObject var postManager = PostManager()

    var body: some View {
        List(postManager.posts) { post in
            Text(post.title)
        }
        .onAppear {
            postManager.fetchPosts()
        }
    }
}

위 코드에서는 @ObservedObject 프로퍼티 래퍼를 사용하여 PostManager 객체를 관찰(observed)하도록 만들었습니다. List 뷰에서는 postManager.posts 배열을 사용하여 게시글 목록을 표시합니다. onAppear modifier를 사용하여 PostManager 객체의 fetchPosts() 메서드를 호출하여 게시글 목록을 가져오도록 만들었습니다.

이제 새로운 게시글을 추가하거나 삭제할 때는 PostManager 객체를 사용하여 작업을 수행할 수 있습니다. 이때는 @ObservedObject 래퍼 대신 @StateObject 프로퍼티 래퍼를 사용하여 PostManager 객체를 연결할 수 있습니다. 예를 들어, 새로운 게시글을 추가하는 뷰가 있다고 가정해봅시다. 이 뷰에서는 PostManager 객체를 사용하여 새로운 게시글을 추가합니다. 이때는 @StateObject 프로퍼티 래퍼를 사용하여 PostManager 객체를 연결해야 합니다.

struct AddPostView: View {
    @StateObject var postManager = PostManager()
    @State var title: String = ""
    @State var author: String = ""
    @State var content: String = ""

    var body: some View {
        Form {
            TextField("Title", text: $title)
            TextField("Author", text: $author)
            TextField("Content", text: $content)
            Button("Add Post") {
                let newPost = Post(title: title, author: author, content: content)
                postManager.addPost(newPost)
            }
        }
    }
}

코드에서는 @StateObject 프로퍼티 래퍼를 사용하여 PostManager 객체를 생성합니다. 또한, TextField와 Button에 각각 @State 프로퍼티 래퍼를 사용하여 입력 필드와 버튼의 상태를 관리합니다. 새로운 게시글을 추가할 때는 postManager.addPost() 메서드를 호출하여 PostManager 객체를 사용합니다.

따라서, @ObservedObject 프로퍼티 래퍼는 해당 View의 하위 View에서 객체를 사용할 때 사용하고, @StateObject 프로퍼티 래퍼는 해당 View의 수명주기 동안 객체를 사용할 때 사용합니다. 적절한 상황에 맞게 두 프로퍼티 래퍼 중 하나를 선택하여 사용하면 됩니다.


이해하는 과정..

코드만 보면 애매모호하게 이해가 가지만, 명확히 설명할 수는 없다..
좀더 다양한 상황에서 직접 사용해보고 익혀봐야겠다

profile
iOS를 공부하는 임클입니다.

0개의 댓글