DevDiana

안녕하세요. Diana 입니다.오늘은 SwiftUI에서 Scrollable 하도록 데이터를 구성하는 방법인 List에 대해 알아보려고 합니다.물논 SwiftUI에서 많은 데이터를 Scrollable하게 구현하는 방법에는 List, Grid, LazyVStack 등의 여러 방법이 있지만 오늘 저는 단순히 수직으로 스크롤 가능한 메뉴 리스트를 구성할 생각이므로 List를 선택하였습니다. 시작하겠습니다 ㅎㅎ  ✅ List란?공식문서에 따르면 List는 단일 열로 정돈된 데이터를 나타내는 방법이며 하나 또는 다중 선택을 선택적으로 지원한다고 합니다.List를 사용하게 되면 데이터 사이에 Separator를 추가하거나 데이터를 밀어서 삭제하는 등의 스타일링을 추가할 수 도 있는데 이 기능이 필요하지 않은 경우에는..

안녕하세요.오늘은 SwiftUI의 ViewBuilder에 대해 정리해보려고 합니다.시작해볼까요? @inlinable public init(alignment: HorizontalAlignment = .center, spacing: CGFloat? = nil, @ViewBuilder content: () -> Content)✅ 1. ViewBuilder 란? 공식문서에 따르면 ViewBuilder은 클로저의 파라미터로써 뷰를 구성한다고 합니다.우리는 주로 ViewBuilder를 Child 뷰를 생성하는 클로저의 파라미터로 사용하며 해당 클로저는 여러 개의 자식 뷰를 생성할 수 있게 된다고 하네요. ✅ 2. SwiftUI에서의 ViewBuilder 사용그럼 SwiftUI에서 ViewBuilder는 언제 사용되..

안녕하세요. Diana 입니다.회사에서 SwiftUI를 사용하게 되었는데 익숙하지 않은 기술이고 하니 생각보다 어렵더라구요.그래서 한동안은 부지런히 SwiftUI 공부를 하지 않을까 싶네요. 아무튼 오늘은 SwiftUI에서 TextField 구현에 대해 이야기해보려고 합니다.바로 시작할게요~  ✅ TextField 란?공식문서에 따르면 TextField는 수정 가능한 텍스트 인터페이스를 디스플레이 하는 방법입니다.내부를 살펴보면 TextField는 아래와 같이 초기화 할 수 있네요.@available(iOS 15.0, macOS 12.0, tvOS 15.0, watchOS 8.0, *)public init(_ titleKey: LocalizedStringKey, value: Binding, ..

안녕하세요. Diana 입니다!오늘은 많은 앱들에서 사용하고 있는 TabView를 SwiftUI를 사용해서 구현하는 방법을 알아보려고 합니다.빠르게 시작해볼게요~  우선 구현에 앞서 공식문서를 확인하고 시작하겠습니다.공식문서에 따르면 TabView는 Interactive 유저 인터페이스 요소들을 사용하여 여러 자식 뷰 사이를 스위칭하는 것이라고 합니다.아래 설명을 보니 선택한 값을 구분할 SelectionValue와 선택에 따라 변경될 자식뷰인 Content를 필요로 하네요!이건 UIKit 등을 통해 TabView를 구현해본 입장으로써 어느 정도 이해가 됐습니다. 그럼 이제 구현해볼까요? var body: some View { TabView { Text("First Vie..

안녕하세요! Diana 입니다.오늘은 SwiftUI에서 @State와 @StateObject 를 비교해보려고 합니다.바로 시작해볼께요~  ✅ @StateSwiftUI를 처음 공부할 때 제일 처음 접하는 Property Wrapper 중 하나가 바로 @State 죠.@State에 대한 공식문서의 설명은 아래와 같습니다.A property wrapper type that can read and write a value managed by SwiftUI- Apple Docs: https://developer.apple.com/documentation/swiftui/state SwiftUI에서 관리되고 있는 값을 읽거나 쓰기 위한 Property Wrapper 타입이라고 하네요.또한 WWDC 에서는 State는..