iOYES iOYES

안녕하세요. 그린입니다 🍏이번 포스팅에서는 다이나믹 타입에 대해 WWDC 2024에서 나온 세션을 학습해보겠습니다 🙋🏻 Dynamic Type은 사용자가 시스템 전반과 모든 앱에서 원하는 텍스트 크기를 선택할 수 있는 기능이죠 😃이번 포스팅에서는 주로 이 다이나믹 타입이 어떻게 작동하며, 텍스트 크기 같은 것들을 어떻게 식별하고 조절을 하는지를 중점적으로 알아봅니다. 한번 시작해볼까요? Get started with Dynamic TypeIntroduction동적 UI를 만들면 화면 크기와 방향, 플랫폼에 상관없이 동작하는 인터페이스를 구축할 수가 있죠.사용자마다 선호하거나 필요한 텍스트 크기가 다르기 때문에 동적 UI는 중요한 부분입니다.  다이나믹 타입은 모든 텍스트 크기에서 가독성을 높여줄 ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 YouTubePlayerKit이라는 오픈소스를 이용해 유투브의 쇼츠 기능을 구현해보려 합니다 🙋🏻 어디까지나 이번에는 학습 목적보다는 순수 오픈 소스를 활용해서 기능 구현에 초점이 있습니다 🚨그렇기에, 크게 같이 학습한다는 느낌보다 이런 코드로 쇼츠를 구현할 수 있구나하고 너그럽게 봐주시면 좋을것 같아요 ㅎㅎ YouTubePlayerKit?우선 YouTubePlayerKit이라는 라이브러리가 어떤것이고 왜 써보는지 중요하겠죠?유투브의 영상이나 쇼츠를 iOS 앱에서 띄워야 한다면 어떻게 해보실것 같나요? 자체 AVPlayer를 활용한다? WKWebView를 활용한다? 보통 많이들 영상 구현을 위해서는 AVPlayer 자체 플레이어를 생각하실텐데요.이 방법으..

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

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI로 macOS 윈도우를 맞춤화하는 방법에 대해 WWDC 2024에서 소개되어 한번 톺아볼까 합니다 🙋🏻 macOS에 맞게 윈도우를 맞춤 제작한것처럼 구현해볼 수 있는것에 초점이 있어요.즉, 다양한 목적, 편의성, 가능성을 표현하기 위해서 앱의 창을 미세하게 조정해볼 수 있습니다.더 나아가서 SwiftUI를 사용해 창 도구 모음과 백그라운드를 꾸며볼 수 있고 창을 정밀하게 배열하고 복원 및 최소화에 대해 컨트롤 할 수 있죠! 이번 세션은 길지 않으니 바로 알아보시죠 🙋🏻 Tailor macOS windows with SwiftUI서론에서 애플이 1984년에 데스크톱 경험을 디지털화하여 혁명을 일으킨 역사부터 소개하고 있네요 😃  흑백부터 컬..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 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 세션들을 다시 살펴보면서 관심있는 주제들에 대해 리캡을 해볼까 합니다..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 UIScrollView의 contentInsetAdjustmentBehavior에 대해 알아보고 적용해보려 합니다 🙋🏻 contentInsetAdjustmentBehavior?우선 UIKit 프레임워크에서 제공하는 UIScrollView의 인스턴스 속성인 contentInsetAdjustmentBehavior를 공식문서를 살펴보면 조정된 컨텐츠 오프셋을 결정하기 위한 동작이라고 소개하고 있어요 🤔 조정된 컨텐츠 오프셋?? 이게 대체 뭔말일까요 🤔 해당 인스턴스 속성은 UIScrollView의 get set 프로퍼티로 아래와 같이 정의되어 있습니다. var contentInsetAdjustmentBehavior: UIScrollView.ContentIns..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 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를 이용하여 동적..