예콩이의 CODE RECIPE

오늘은 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 : 화면 하단에 위치하..

오늘은 화면 이동에서 정말 중요한 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..

오늘은 ScrollView 사용법에 대해 알아보자!👩🏻‍🍳 ScrollView ScrollView는 SwiftUI에서 스크롤 가능한 영역을 제공하는 뷰이다. 사용자는 ScrollView 내부의 콘텐츠를 스크롤하며 볼 수 있다. 화면 크기를 초과하는 내용의 콘텐츠를 표시할 때 유용하다. ScrollView는 세로 방향으로 스크롤하는 것이 기본이지만, `.horizontal` 모디파이어를 사용하여 가로 방향으로 스크롤하도록 설정할 수도 있다. 또한, ScrollView 내부에는 다양한 뷰를 넣을 수 있으며, VStack, HStack 등의 뷰를 함께 사용하여 복잡한 레이아웃 구성도 가능하다. ScrollView Apple 공식 문서 ScrollView | Apple Developer Documentation..

오늘은 Lazy한 Stack과 Grid의 사용법에 대해서 알아보자!👩🏻‍🍳 Lazy? Lazy는 '게으른'이라는 의미로 많은 양의 데이터를 처리할 때 보다 효율적이고 적은 메모리 사용량으로 앱의 성능을 향상시킨다. 기본 Stack은 선언되면 즉시 모든 View를 로드하는 반면 List와 Lazy 컴포넌트들은 필요한 시점에만 View를 로드하여 보다 효율적으로 사용할 수 있다. LazyVStack / LazyHStack LazyVStack과 LazyHStack은 각각 세로 및 가로 방향의 스택을 생성한다. 기존의 Stack은 빌드하면 모든 View를 생성하고 로드하게 되는데 많은 양의 데이터를 처리할 때는 비효율적이다. 반면 LazyStack들은 화면에 표시되는 부분만 View를 로드하기 때문에 많은 데이..

복잡한 UI 요소들을 한 번에 설명하기엔 너무 많은 양이 될 것 같아서 부분적으로 끊어서 학습하기로 한다. 오늘은 List와 ForEach의 사용법에 대해서 알아보자!👩🏻‍🍳 List? List는 SwiftUI의 주요 구성 요소 중 하나로, 여러 행의 데이터를 표시하는데 사용된다. UIkit의 테이블 뷰와 유사하며, 각 행은 독립적인 View로 구성할 수 있다. List는 자체적으로 상태를 저장하지 않고 주어진 데이터를 기반으로 UI를 생성하고 업데이트한다. 항상 최신 상태의 데이터가 반영되도록 보장하며 데이터가 변경될 때마다 List는 자동으로 업데이트된다. List는 다양한 기능과 함께 사용될 수 있다. ForEach, Section, NavigationLink 등으로 복잡한 UI를 구성할 수 있다...

이번 시간에는 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 요소(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란? 기존에는 UI 구축할 때 플랫폼마다 다른 프레임워크를 사용했다. UIkit은 iOS, tvOS를, AppKit은 macOS를, WatchKit은 watchOS를 사용했다. 다양한 플랫폼을 개발하기 위해서는 여러 프레임워크를 공부하며 개발이 필요했다. 애플은 2019년 새로운 프레임워크인 SwiftUI를 공개했고, 이는 애플의 모든 플랫폼 앱을 하나의 프레임워크로 개발할 수 있게 되었다. SwiftUI는 선언형 UI(Declarative UI) 방식의 코드 작성으로 배우기 쉽고, 읽기 쉽고, 이해하기 쉽다. 기존의 UIkit에 비해 간결하면서도 직관적이라는 점이 장점이다. SwiftUI 프레임워크를 코드에 적용시키기 위..