iOYES iOYES

안녕하세요. 그린입니다 🍏이번 포스팅에서는 이미지 에셋의 크기에 대해 ScaledMetric API를 적용해 다이나믹 타입에 대처하는 방법에 대해 알아보겠습니다 🙋🏻 올해 WWDC 2024에서 Get started with Dynamic Type이라는 세션이 공개되었습니다.해당 세션에서 다이나믹 타입에 대해 전반적으로 소개하며 다루고 있는데요.여기서 ScaledMetric이라는 프로퍼티 래퍼로 우리의 이미지 에셋 크기를 다이나믹 타입을 적용할 수 있다고 소개하고 있어요 😃 그래서 그 ScaledMetric API가 어떤건지 핵심만 정리해봅니다! Get started with Dynamic Type 세션을 정리한 포스팅도 있으니 많은 관심 부탁드립니다 🙇🏻  Get started with Dyn..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 커스텀한 폰트에 대해 다이나믹 타입을 적용하는 방법을 알아보겠습니다 🙋🏻 Dynamic Type과 Font우선, 다이나믹 타입은 사용자마다 필요한 텍스트 크기가 다르기에 동적으로 UI를 다루며 가독성을 높여줄때 주로 사용하죠.이전 포스팅에서 다이나믹 타입이 무엇이고 활용을 어떻게 하는지 소개한 바 있습니다. 혹시 다이나믹 타입에 대해 먼저 알고 싶다면 선행으로 보고 와도 좋을것 같아요 😃  Get started with Dynamic Type (feat. WWDC 2024)안녕하세요. 그린입니다 🍏이번 포스팅에서는 다이나믹 타입에 대해 WWDC 2024에서 나온 세션을 학습해보겠습니다 🙋🏻 Dynamic Type은 사용자가 시스템 전반과 모든 앱에서..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 AnyLayout에 대해 학습해보겠습니다 🙋🏻 AnyLayout우선 AnyLayout은 레이아웃 프로토콜의 타입 소거된 인스턴스입니다.여기서 Type erasure란, 컴파일 시간에 알려진 타입 정보의 일부를 런타임에 제거하는 과정을 말하며 주로 제네릭 프로그래밍에서 유용하게 사용됩니다.즉, 구체 타입은 숨기고 더 일반적인 인터페이스를 제공할 수 있죠.AnyLayout도 Any라는것이 붙었으니 구체적인 타입을 숨기고 Layout이라는 인터페이스를 제공함을 추론해볼 수 있습니다. SwiftUI에선 AnyView도 동일한거라고 보시면 됩니다 😃 @frozenstruct AnyLayout 선언 구조 자체는 구조체로 간단합니다. AnyLayout..

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