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 입니다.오늘은 iOS 개발을 하며 종종 궁금했던 Assets 에서의 Scale Factor에 대해 알아보려고 합니다.Assets가 뭐냐구요? ↓↓↓↓   ✅ Pixel, Point, PPI, DPI?iOS의 Scale Factor에 대해 알아보기 위해서는 Pixel과 Point의 개념에 대해 알고 있어야 합니다.(+ 하는김에 PPI, DPI도 ㅎㅎ)✓ Pixel픽셀은 컴퓨터 이미지, 디스플레이를 구성하고 있는 최소 단위를 말합니다.우리가 모니터로 보는 모든 이미지들은 매우 작은 사각형의 점들로 구성되어 있는데 바로 이것이 픽셀이죠.예전에 우리가 사용했던 TV 또는 핸드폰은 확대해보면 빨강, 파랑, 초록의 네모난 작은 점을 확인 할 수 있었는데 요즘은 디바이스의 해상도가 올라감에 ..