[SwiftUI] @StateObject , @ObservedObject, @EnviromentObject의 역할과 차이점을 자세하게 알아보자

[SwiftUI] @StateObject , @ObservedObject, @EnviromentObject의 역할과 차이점을 자세하게 알아보자

SwiftUI를 접하면서 이 Wrapper를 활용해서 데이터 변동을 관리하는 내용이 나에겐 아주아주 흥미로운 것 같다 프로젝트를 진행하며 역할을 줄때마다 재밌다..오늘은 이전에 살짝 어떤 차이가 있나 알아봤지만 오늘은 자세하게 한번 파보려고 한다. 간단한 iOS 기기 목록을 나타내는 방식으로 해당 내용을 정리해 보도록 하자! @StateObject먼저 이 StateObject는 SwiftUI에서 뷰의 수명동안 객체의 상태를 소유하고 관리하는 역할을 담당한다. 그렇기 때문에 StateObject는 부모뷰에서 View가 처음 생성되어 초기화 할때 주로 사용된다는 특징을 가지고 있다! 먼저 더미 데이터 모델을 만들어보자import Foundationstruct iOSdeviceModel: Identifiabl..

  • format_list_bulleted ◽️ Programming/SwiftUI
  • · 2024. 7. 23.
  • textsms
[SwiftUI] State , Binding

[SwiftUI] State , Binding

오늘은 SwiftUI 중에서 propertyWrapper 로 사용되는 것들 중 가장 기초가 되는 State, Binding에 대해서 다시 한번 정리할 겸 글을 작성해보려고 한다. State먼저 SwiftUI에서 State는 뷰의 상태를 관리하는데 사용된다. 뷰 내부에서만 사용되는 상태이며, 상태가 변경되면 해당 상태를 사용하는 뷰가 다시 렌더링 된다. 보통 뷰의 로컬 상태를 관리하는데 사용되며 private를 사용하고 뷰의 최상단에서 관리되어야 한다.이로 인해서 상태 관리가 뷰 내부에 캡슐화 되어 더욱 안전하게 관리 될 수 있게 된다. 예제코드로 살펴보자struct StateBasic: View { @State var backgroundColor: Color = Color.green @Stat..

  • format_list_bulleted ◽️ Programming/SwiftUI
  • · 2024. 7. 20.
  • textsms
[SwiftUI] ZStack vs overlay vs background 의 차이점을 알아보자

[SwiftUI] ZStack vs overlay vs background 의 차이점을 알아보자

SwiftUI를 공부하면서 ZStack , overlay , background가 비슷한 기능을 가지고 있지만 명확한 차이가 있다는 점을 알게 되었다.이 점은 추후 내가 선택을 해야할 때 인지를 하고 있어야 하기 때문에 어떤 차이가 있는지 자세하게 한번 알아보는 시간을 가져보려고 한다. ZStack먼저 ZStack에 대해서 알아보면 ZStack은 간단하게 말하면 포함 되어있는 뷰를 위로 겹겹이 쌓아주는 것이라고 보면 된다. 자기 자신 안에 있는 View들을 독립적으로 취급한다는 것이 차이점이다. 각각 독립적으로 취급하기 떄문에 그 안에 가장 큰 width, height에 따라 size가 결정된다. 예제 코드를 살펴보면ZStack (alignment: .topLeading) { Rectangle() ..

  • format_list_bulleted ◽️ Programming/SwiftUI
  • · 2024. 7. 18.
  • textsms
[SwiftUI] - LazyVGrid & LazyHGrid

[SwiftUI] - LazyVGrid & LazyHGrid

오늘은 새로운 인프런 강의를 뚫었다.. 배우는데 돈 아까워 하지말자 ㅎㅎ SwiftUI를 배우고 있는데 이전과는 달리 중요한 요소 하나하나 조금 자세하게 파고들어 공부하고 싶어서 요즘 다시 기본기를 채우기 위해 자세하게 알아보고 있다. 먼저 SwiftUI에서 Grid는 UIKit에서 많이 사용했던 CollectionView와 거의 흡사하다고 보면 된다. SwiftUI의 CollectionView인 느낌이랄까! Grid라는 의미 자체는 2차원의 행과 열을 구성하는 레이아웃이라는 뜻을 가지고 있다.https://developer.apple.com/documentation/swiftui/grid/ Grid는 두 가지로 나눠져 있다 바로 VGrid , HGrid이다. LazyVGridV라는게 붙은 다른 것과 마..

  • format_list_bulleted ◽️ Programming/SwiftUI
  • · 2024. 7. 17.
  • textsms
[SwiftUI] Networking , Opserver Pattern ( ObservableObject, Published )

[SwiftUI] Networking , Opserver Pattern ( ObservableObject, Published )

오늘은 SwiftUI를 활용해서 URLSession으로 API의 데이터를 가져오는 과정과 해당 데이터가 변동될때 자동으로 반영되도록 하는 Opserver Pattern을 적용해 보았다. 데이터 모델 정의먼저 데이터를 가질 모델을 정의해야한다. Hacker News API의 JSON 응답을 기반으로 Results , Post 구조의 모델을 만들었다.struct Results: Decodable { let hits: [Post]}struct Post: Decodable, Identifiable { var id: String { return objectID } let objectID: String let points: Int let title: String l..

  • format_list_bulleted ◽️ Programming/SwiftUI
  • · 2024. 7. 7.
  • textsms
[SwiftUI] @ObservedObject와 @StateObject의 차이점

[SwiftUI] @ObservedObject와 @StateObject의 차이점

SwiftUI에서 @ObservedObject와 @StateObject는 데이터 흐름을 관리하는 중요한 속성 래퍼이다. 각각의 개념 예시 그리고 차이점에 대해서 알아보자. @ObservedObject먼저 @ObservedObject는 외부에서 생성되고 관리되는 관찰 가능한 객체를 뷰에 연결하는데 사용된다. 이 객체는 ObservedObject 프로토콜을 준수해야 하며, @Published 속성이 변경될 때 즉 객체가 변경될 때 마다 뷰를 자동으로 업데이트 하도록 한다.class UserViewModel: ObservableObject { @Published var username: String = "" @Published var isLoggedIn: Bool = false}struct UserView..

  • format_list_bulleted ◽️ Programming/SwiftUI
  • · 2024. 7. 3.
  • textsms