iOYES iOYES

안녕하세요. 그린입니다 🍏이번 포스팅에서는 WWDC 2024에서 소개된 UI 애니메이션과 전환 기능을 향상시키는것에 대해 알아보겠습니다 🙋🏻 그럼 바로 본론으로~ 🏃🏻 Enhance your UI animations and transitions소개에서는 이제 SwiftUI, UIKit 및 AppKit의 애니메이션의 상호작용이 더 극대화되었다고 합니다.아마 유추해보건데, 각 기술들에서 애니메이션을 자유롭게 상호적으로 쓸 수 있는것에 대해 알려줄것 같네요 🤔 TransitionsiOS 18에선 새로운 확대/축소 전환 기능이 생겼습니다.  이렇게 특정 셀을 가지고 화면이 전환될때 확대/축소 애니메이션이 적용되고 또, 드래그도 마음대로 할 수 있죠.즉, 동일한 UI 요소를 화면에 유지하여 앱의 연속성..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 커스텀한 시각 효과를 만드는 방법에 대해 학습해보겠습니다 🙋🏻 WWDC 2024에서 SwiftUI로 custom visual effect를 만드는 방법에 대해 더 진보적이게 발전시켜 소개하고 있기에 한번 알아보려고 가져와봤어요 😃 이전 포스팅인 What's new in SwiftUI (feat. WWDC 2024)에서 마지막쯤에 해당 비주얼 이펙트에 대해 간단히 소개하고 넘어갔는데, 이번에 더 자세히 알아보게 되었습니다ㅎㅎ What's new in SwiftUI (feat. WWDC 2024)안녕하세요. 그린입니다 🍏이번 포스팅부터는 조금씩 미뤄왔던 WWDC 2024 세션들을 다시 살펴보면서 관심있는 주제들에 대해 리캡을 해볼까 합니다..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 ViewThatFits 컴포넌트에 대해 알아보겠습니다 🙋🏻 오랜만에 정말 가볍게 요런것도 활용해볼 수 있구나 하는 주제이니 편하게 같이 훑어보시죠 😃 ViewThatFits해당 컴포넌트는 SwiftUI에서 하위 자식 뷰들중에서 현재 사용 가능한 공간에 제일 적합한 뷰를 선택해 화면에 렌더링해주는 뷰 컴포넌트입니다.즉, 해당 뷰 컴포넌트는 대게 다양한 화면 사이즈나 레이아웃에서 유연하게 뷰를 선택해서 표시할때 이용됩니다.iOS 16.0 이상이라면 모두 적용할 수 있어요! 선언을 볼까요? @MainActor @frozen @preconcurrencystruct ViewThatFits where Content : View 이렇게 일반적인 다른 ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 WWDC 2024에서 말아주는 Demystify SwiftUI containers 세션에 대해 같이 볼까 합니다 🙋🏻 세션 타이틀부터 느껴지는게 SwiftUI 컨테이너 뷰에 대해 알아보면서 어떻게 뷰들이 컨테이너에 의해 관리되는지 우리에게 설명해줄것 같아요 😃 그럼 바로 들어가볼까요? 🏃🏻 Demystify SwiftUI containersSwiftUI는 API에서 리스트 컨테이너와 같이 모든 기능을 갖춘 다양한 종류의 컨테이너를 제공합니다.  이렇게 컨테이너 뷰는 컨텐츠를 래핑하기 위해서 후행 뷰 빌더 클로즈를 사용합니다.뷰 빌더를 사용하면 하드 코딩된 텍스트 뷰들의 리스트처럼 콘텐츠를 정적으로 정의할 수 있죠! 또한, ForEach를 이용하여 동적..

안녕하세요. 그린입니다 🍏이번 포스팅부터는 조금씩 미뤄왔던 WWDC 2024 세션들을 다시 살펴보면서 관심있는 주제들에 대해 리캡을 해볼까 합니다 😃그 중에서 첫번째로 리캡해볼것은 SwiftUI입니다 🙋🏻이번 WWDC 2024에서 SwiftUI의 새로운것들은 어떤것들이 나왔는지 한번 살펴보겠습니다! 물론, 여기서는 딥하게 들어가는 느낌이 아닌 전반적으로 어떤것들이 생겨났는지 톺아보는것이고 그에 대해 더 딥한 주제들은 별도 세션으로 또 마련되어 있습니다. 즉, 저도 한번 간단히 톺아본 후 이후 포스팅들에서 하나씩 생겨난것들에 대해 딥한 세션을 정리해볼까해요 ☺️ 그럼 함축된것으로 알아보시죠 👀 What's new in SwiftUIFresh apps이제 SwiftUI를 통해 새로운 탭 뷰 그리고 ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 symbolEffect에 대해 알아보겠습니다 🙋🏻 symbolEffectsymbolEffect는 SF Symbol 즉, System Font Symbol의 스타일을 변경하고자할 때 사용하는 뷰 모디파이어 입니다.여기서 SF Symbol은 기본적으로 iOS에서 제공되는 시스템 아이콘이라고 보시면 됩니다 😃 해당 뷰 모디파이어는 iOS 17.0 이상에서 사용할 수 있으며, 정의는 아래와 같습니다. nonisolatedfunc symbolEffect( _ effect: T, options: SymbolEffectOptions = .default, value: U) -> some View where T : DiscreteSymbo..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 ContentUnavailableView에 대해 알아보겠습니다 🙋🏻 ContentUnavailableView?해당 뷰 구조체는 사용자가 앱 콘텐츠를 사용할 수 없을때 표시되는 레이블과 추가 콘텐츠로 구성된 인터페이스입니다.즉, 데이터가 없을때 없다고 보여주는 뷰인데 이걸 직접 SwiftUI에서 쓰기 쉽게 제공해주는 역할을 하죠.다만, 어느정도 틀 규격이 있어서 완전히 다른 뷰를 보여주려면 직접 만들어야 합니다 🥲 그래도 한번 알아보시죠! 해당 인터페이스는 iOS 17에서 나와서 17 이상부터 사용할 수 있고, 정의는 이렇습니다. @MainActor @preconcurrencystruct ContentUnavailableView where ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 PhotosPicker를 사용하여 사진 라이브러리에서 사진을 가져오는것을 학습해보겠습니다 🙋🏻 iOS 16.0 이전 기존에는 SwiftUI에서 PhotosPicker 같은 편리한 뷰 컴포넌트가 존재하지 않았기에 PHPhotoLibrary를 이용해 사용하곤 했습니다.그런데 이제 PhotosPicker을 통해 쉽게 SwiftUI스럽게 만들어볼 수 가 있게 되었어요. 그럼 바로 알아볼까요? PhotosPicker해당 컴포넌트는 사진 라이브러리 즉, 디바이스의 앨범에서 에셋을 선택하기 위해 Photo Picker를 띄우는 뷰 컴포넌트입니다.쉽게 말해, 앨범을 띄우는 기능을 가진 뷰라고 보시면 될것 같아요 🙋🏻 아쉽지만, 위에서도 한번 말했듯 해..