SwiftUI
-
[SwiftUI] 데이터 캐싱 기법들에 대하여SwiftUI 2024. 2. 5. 16:04
캐싱이란? 캐싱은 데이터를 내부에 미리 저장하고 필요할 때 빠르게 접근하는 기술이다. 이 기술은 반복적인 계산 또는 불필요한 데이터 요청을 줄여 성능을 향상시키는데 도움이 된다. 캐싱의 장점! 성능 향상 : 캐싱된 데이터는 디스크나 네트워크에서 불러오는 것보다 훨씬 빠르게 접근할 수 있다. 앱의 응답 시간을 개선하고, 사용자 경험을 향상시킨다. 네트워크 트래픽 절약 : API 응답을 캐싱하면 동일한 요청을 반복해서 보낼 필요가 없다. 이는 네트워크 대역폭을 절약하고, 데이터 사용량을 줄여준다. 오프라인 접근 : 캐싱된 데이터는 네트워크 연결이 없어도 접근할 수 있다.이는 오프라인 상태에서도 앱이 작동하도록 해준다. 캐싱을 사용하는 도구들.zip UserDefaults 사용자의 설정값이나 간단한 정보를 저..
-
[SwiftUI] TabView 사용해보기SwiftUI 2024. 2. 1. 14:54
오늘은 TabView!에 대해 알아보자!👩🏻🍳 TabView TabView는 여러 화면 사이를 탭 버튼을 통해 전환할 수 있는 인터페이스를 제공하는 컴포넌트이다. 각 탭은 고유한 화면과 연결되고, 사용자는 탭 버튼을 클릭해서 해당 화면으로 이동이 가능하다. TabView Apple 공식 문서 TabView | Apple Developer Documentation A view that switches between multiple child views using interactive user interface elements. developer.apple.com TabView의 구성 Content : 각 탭에 연결된 화면을 나타낸다. TabView의 클로저 내부에 정의한다. Tab : 화면 하단에 위치하..
-
[SwiftUI] NavigationView와 NavigationStack 사용해보기SwiftUI 2024. 1. 26. 13:41
오늘은 화면 이동에서 정말 중요한 Navigation에 대해 알아보자!👩🏻🍳 참고로 NavigationView는 Deprecated 되었기에 그 대신 NavigationStack을 학습해보기로! NavigationStack NavigationStack은 화면 전환을 담당하며, 주로 우리가 DetailView로 이동할 때 자주 사용하게 된다. 기존의 NavigationView에 비하면 데이터 전달이나 데이터 기반에 가깝기에 더 원활한 통신이 이루어질 것 같다. NavigationStack Apple 공식 문서 NavigationStack | Apple Developer Documentation A view that displays a root view and enables you to present ad..
-
[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..