SwiftUI
-
[SwiftUI] Form 사용해보기SwiftUI 2024. 3. 5. 16:58
오늘은 Form에 대해 알아보자!👩🏻🍳 Form SwiftUI에서 Form은 사용자의 입력을 위한 인터페이스를 구성하는데 사용되는 컨테이너 뷰이다. Form은 다양한 유형의 입력 요소를 포함할 수 있다. 예를 들어, TextField, Toggle, Slider, DatePicker와 같은 뷰를 Form에 넣어 사용자 입력을 받을 수 있다. Form Apple 공식 문서 Form | Apple Developer Documentation A container for grouping controls used for data entry, such as in settings or inspectors. developer.apple.com 예시 코드 이제 직접 실습을 해보자! 이번에 해볼 실습은 아이폰에서 설정 ..
-
[SwiftUI] 데이터 캐싱 기법들에 대하여SwiftUI 2024. 2. 5. 16:04
캐싱이란? 캐싱은 데이터를 내부에 미리 저장하고 필요할 때 빠르게 접근하는 기술이다. 이 기술은 반복적인 계산 또는 불필요한 데이터 요청을 줄여 성능을 향상시키는데 도움이 된다. 캐싱의 장점! 성능 향상 : 캐싱된 데이터는 디스크나 네트워크에서 불러오는 것보다 훨씬 빠르게 접근할 수 있다. 앱의 응답 시간을 개선하고, 사용자 경험을 향상시킨다. 네트워크 트래픽 절약 : API 응답을 캐싱하면 동일한 요청을 반복해서 보낼 필요가 없다. 이는 네트워크 대역폭을 절약하고, 데이터 사용량을 줄여준다. 오프라인 접근 : 캐싱된 데이터는 네트워크 연결이 없어도 접근할 수 있다.이는 오프라인 상태에서도 앱이 작동하도록 해준다. 캐싱을 사용하는 도구들.zip UserDefaults 사용자의 설정값이나 간단한 정보를 저..
-
[SwiftUI] ScrollView 사용해보기SwiftUI 2024. 1. 25. 13:51
오늘은 ScrollView 사용법에 대해 알아보자!👩🏻🍳 ScrollView ScrollView는 SwiftUI에서 스크롤 가능한 영역을 제공하는 뷰이다. 사용자는 ScrollView 내부의 콘텐츠를 스크롤하며 볼 수 있다. 화면 크기를 초과하는 내용의 콘텐츠를 표시할 때 유용하다. ScrollView는 세로 방향으로 스크롤하는 것이 기본이지만, `.horizontal` 모디파이어를 사용하여 가로 방향으로 스크롤하도록 설정할 수도 있다. 또한, ScrollView 내부에는 다양한 뷰를 넣을 수 있으며, VStack, HStack 등의 뷰를 함께 사용하여 복잡한 레이아웃 구성도 가능하다. ScrollView Apple 공식 문서 ScrollView | Apple Developer Documentation..
-
[SwiftUI] Lazy한 Stack과 GridSwiftUI 2024. 1. 22. 13:59
오늘은 Lazy한 Stack과 Grid의 사용법에 대해서 알아보자!👩🏻🍳 Lazy? Lazy는 '게으른'이라는 의미로 많은 양의 데이터를 처리할 때 보다 효율적이고 적은 메모리 사용량으로 앱의 성능을 향상시킨다. 기본 Stack은 선언되면 즉시 모든 View를 로드하는 반면 List와 Lazy 컴포넌트들은 필요한 시점에만 View를 로드하여 보다 효율적으로 사용할 수 있다. LazyVStack / LazyHStack LazyVStack과 LazyHStack은 각각 세로 및 가로 방향의 스택을 생성한다. 기존의 Stack은 빌드하면 모든 View를 생성하고 로드하게 되는데 많은 양의 데이터를 처리할 때는 비효율적이다. 반면 LazyStack들은 화면에 표시되는 부분만 View를 로드하기 때문에 많은 데이..
-
[SwiftUI] List와 ForEach 사용법SwiftUI 2024. 1. 17. 16:04
복잡한 UI 요소들을 한 번에 설명하기엔 너무 많은 양이 될 것 같아서 부분적으로 끊어서 학습하기로 한다. 오늘은 List와 ForEach의 사용법에 대해서 알아보자!👩🏻🍳 List? List는 SwiftUI의 주요 구성 요소 중 하나로, 여러 행의 데이터를 표시하는데 사용된다. UIkit의 테이블 뷰와 유사하며, 각 행은 독립적인 View로 구성할 수 있다. List는 자체적으로 상태를 저장하지 않고 주어진 데이터를 기반으로 UI를 생성하고 업데이트한다. 항상 최신 상태의 데이터가 반영되도록 보장하며 데이터가 변경될 때마다 List는 자동으로 업데이트된다. List는 다양한 기능과 함께 사용될 수 있다. ForEach, Section, NavigationLink 등으로 복잡한 UI를 구성할 수 있다...
-
[SwiftUI] 기본적인 UI 요소와 그 사용법 (2)SwiftUI 2024. 1. 15. 11:02
이번 시간에는 SwiftUI의 기본적인 UI 요소 (Slider, Toggle, Picker, Alert, ActionSheet) 를 알아보고 직접 사용해보자 👩🏻🍳 Slider Slider는 사용자가 값을 드래그를 통해 선택할 수 있게 해주는 UI 요소이다. 볼륨 조절이나 밝기 조절 등에 주로 사용된다고 보면 된다. Slider Apple 공식 문서 Slider | Apple Developer Documentation A control for selecting a value from a bounded linear range of values. developer.apple.com 사용 방법 // MARK: -Slider 예시 코드 @State private var value = 0.5 Slider(va..
-
[SwiftUI] 기본적인 UI 요소와 그 사용법 (1)SwiftUI 2024. 1. 12. 16:23
이번 시간에는 SwiftUI의 기본적인 UI 요소(Text, Image, Button, TextField)를 알아보고 직접 사용해보자 👩🏻🍳 Text UIkit에서 UILabel이 사용된다면, SwiftUI에서는 Text가 그 역할을 해준다. 다만 차이점은 단순한 문자열 처리만 해주는게 아니라 버튼이나 다른 UI에 구성되는 텍스트를 모두 Text가 적용한다. UILabel 역할은 극히 일부라고 보면 될 듯! Text Apple 공식 문서 Text | Apple Developer Documentation A view that displays one or more lines of read-only text. developer.apple.com 사용 방법 Text("텍스트 입력") >> Text("Hello..
-
[SwiftUI] SwiftUI 프로젝트 주요 파일 알아보기SwiftUI 2024. 1. 11. 15:29
오늘은 본격적으로 SwiftUI 기초부터 학습하며 기록해보자 👩🏻🍳 SwiftUI란? 기존에는 UI 구축할 때 플랫폼마다 다른 프레임워크를 사용했다. UIkit은 iOS, tvOS를, AppKit은 macOS를, WatchKit은 watchOS를 사용했다. 다양한 플랫폼을 개발하기 위해서는 여러 프레임워크를 공부하며 개발이 필요했다. 애플은 2019년 새로운 프레임워크인 SwiftUI를 공개했고, 이는 애플의 모든 플랫폼 앱을 하나의 프레임워크로 개발할 수 있게 되었다. SwiftUI는 선언형 UI(Declarative UI) 방식의 코드 작성으로 배우기 쉽고, 읽기 쉽고, 이해하기 쉽다. 기존의 UIkit에 비해 간결하면서도 직관적이라는 점이 장점이다. SwiftUI 프레임워크를 코드에 적용시키기 위..