UIViewRepresentable은 하나의 뷰를 다룬다면 UIViewControllerRepresentable은 그 뷰들을 담는 컨트롤러를 의미합니다 UIViewControllerRepresentable 이란UIViewControollerRepresentable이란 UIKit을 기반으로 SwiftUI에서 사용할 수 있게 끔 또는 SwiftUI기반으로 UIkit에서 사용할 수 있게 끔 만들어주는 프로토콜입니다. 사용하기위한 기초 작업UIViewControllerRepresentable을 사용하기 위해서는 우선 다음 두 메서드를 정의해야합니다. makeUIViewController 메서드는 SwiftUI 기반의 코드를 UIKit으로 만들기 위한 메서드updateUIViewcontroller 메서드는 Swi..

PreferenceKey는 SwiftUI에서 뷰 간에 값을 전달하거나 공유할 때 사용하는 프로토콜 PreferenceKey를 사용하는 이유PreferenceKey를 사용하는 이유는 이 프로토콜을 사용하면 하위 뷰에서 상위 뷰로 데이터를 전달하거나 뷰 간의 상태를 편리하게 관리할 수 있기 때문입니다. PreferenceKey 사용하는법PreferenceKey를 사용하기 위해서는 defaultValue와 reduce 메서드를 구현해야 합니다.defaultValue는 저장하고 싶은 값을 의미하며 타입을 지정해줘야합니다.reduce 메서드는 값을 저장하고 반환하는데 사용됩니다.struct MyPreferenceKey: PreferenceKey { static var defaultValue: CGFloat ..

UIViewRepresentable이란 SwiftUI에서 UIKit을 사용할 수 있도록 해주는 것 UIViewRepresentable 이란SwiftUI를 사용하다보면 UIKit을 사용할 때가 있고 UIKit을 SwiftUI로 바꿔야하는 경우가 발생할 수 있습니다. 이때 사용할 수 있는 것이 바로 UIViewRepresentable입니다. UIViewRepresentable 구성기본적인 메서드는 makeUIView와 updateUIView가 존재합니다.makeUIView 란makeUIView는 UIKit의 UIView를 만들고 싶을 때 해당 뷰를 makeUIView 내부에 구현한 후 View에 넣어서 적용합니다.struct BasicUIViewRepresentable: UIViewRepresentable ..

사용자마다 어떤 색이 잘 보이고 어떤 색은 잘 안보이는 것처럼 제각각입니다  Apple은 사용자가 쉽게 색깔로 인해서 사용자가 불편을 겪지 않도록 색깔 조화의 비율을 나타내는 기능을 제공하고 있었습니다. 여는 방법은 다음과 같습니다.Xcode -> Open Developer Tool -> Accessibitlity Inspector 를 엽니다.연 후 Window -> Show Color Contrast Calculator 를 열게 되면 다음과 같은 화면이 나오게 됩니다. 위에서 하얀색과 검읜색의 조화 비율은 21.0:1로 21이 가장 높은 숫자로 높을수록 사용자 입장에서 색의 조화가 잘 이루어졌다는 것을 의미합니다. 만약 예를 들어 초록색과 하얀색의 조합을 만들어보면 2.8:1로 낮은 색의 조화 비율이 ..

TabView를 커스텀화하여 만들 수 있습니다  TabView 분석다음은 TabView을 커스텀화하기 위해서는 TabView가 어떻게 구성되어 있는지 확인합니다. 확인해보면 TabView는 2개의 Generic 타입의 값을 가지는 struct 입니다. TabView에서 SelectionValue는 Hashable를 준수하며 Content는 View를 준수하는 것을 확인할 수 있습니다. 추가로 TabView를 만들게 된다면 init() 메서드가 실행되는데 selection은 Binding 프로퍼티여야하며 content는 @ViewBuilder로 뷰를 만드는것으로 확인할 수 있습니다. Enum 정의하기반복적으로 사용할 코드를 Enum을 사용하여 만들어줍니다.enum TabBarItem: Hashable { ..

struct ContentView: View { var body: some View { VStack(alignment: .leading, content: { Text("Hello world!") .background(.blue) .alignmentGuide(.leading, computeValue: { dimension in return 20 }) Text("This is some other text!") .background(.red) }) .background..