iOYES iOYES

안녕하세요. 그린입니다🍏 드디어 이번 WWDC 2023에서 소개한 SwiftUI 애니메이션 부분의 마지막 섹션을 볼 차례입니다 🙌 이번 주제는 SwiftUI의 애니메이션 기능을 살펴보고 어떻게 동작해 인상적인 시각 효과를 생성하는지 알아보겠습니다. 또한, SwiftUI가 뷰의 렌더링을 업데이트하고 무엇을 애니메이션할지 결정하고 시간에 따라 값을 보간하면서 현재 트랜잭션에 대한 컨텍스트를 전파하는 방법을 같이 살펴보죠! 애플에서는 앱에 애니메이션을 추가하는 것을 아주 간단하게 만드는것이 SwiftUI 개발을 시작할 때 핵심 동기중 하나였다고 합니다. Anatomy of an update SwiftUI가 뷰의 렌더링을 업데이트하는 방법을 알아보죠. 위 코드처럼 이미지가 탭이 되면 스케일 즉, 크기가 변하는 ..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 WWDC 2023에서 소개된 SwiftUI의 향상된 애니메이션을 학습해보겠습니다🙌 Wind your way through advanced animations in SwiftUI SwiftUI에서 개선된 애니메이션을 할 수 있는 방법에 대해 한번 살펴보겠습니다. 우선 시작 전 SwiftUI에서 이미 알고 있는 애니메이션들에 대해 확인해볼까요? 기존 SwiftUI에서 익숙한 애니메이션 import SwiftUI struct ContentView: View { var xcodeImage: Image @State private var selected: Bool = false var body: some View { xcodeImage .scaleEffect(selecte..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 이번 WWDC 2023에서 소개된 SwiftUI에서 데이터 플로우 변화를 가져가면서 새로 생긴 매크로와 기존 데이터 바인딩 등 방식의 변화들을 다뤄볼까해요🙋🏻 충분히 SwiftUI 데이터 모델이 Observation을 통해 간소화 되었고 매크로가 또 모델을 단순화하고 앱 성능을 개선해줍니다. 자 그럼 얼마나 더 편리해졌고 유용해졌는지 같이 살펴보시죠🕺🏻 What is Observation? 새로 나온 Observation은 과연 무엇일까요? Observation은 프로퍼티의 변경 사항을 추적하기 위한 새로운 Swift 기능입니다. 매크로의 대단한 기능을 통해 이뤄지죠. 우리가 평소 꾸리는 모델에 @Observable을 추가하는 것만으로 UI가 데이터 모델의 변경..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 WWDC 2023에서 소개된 SwiftUI의 새로운 기능 및 개선된 사항들을 학습해보겠습니다🙋🏻 들어가기 앞서 작년 WWDC 2022에서 SwiftUI4가 소개되면서 정말 많은 발전이 있었죠!? 차트나 네비게이션 방식의 전체적인 변화 등 실제적으로 체감되는 변화들이 많았었습니다. 그런데 이번 SwiftUI의 소개를 보면 작년처럼 많은 변화와 체감되는 업데이트 항목들이 많았습니다😃 좀 더 편리하게 SwiftUI를 사용할 수 있고 오히려 처음 접하는 개발자들에게는 러닝커브도 조금 준듯 해보였죠. 점점 더 진화하는 SwiftUI를 보면서 편리하기도 하면서 위기감도 들더라구요ㅎㅎ 그럼 한번 어떤것들이 이번에는 소개되고 변화되었는지 바로 알아보시죠🕺🏻 SwiftUI in..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI로 커스텀하게 가로 캘린더를 구현해보는 포스팅을 해보겠습니다🙋🏻 이전 아래 포스팅에서 SwiftUI를 통해 기본적으로 제공해주는 DatePicker 대신 커스텀하게 일반적인 달력 형태의 캘린더를 구현해봤었는데요. https://green1229.tistory.com/362 SwiftUI로 캘린더 직접 구현하기 안녕하세요. 그린입니다🍏 이번 포스팅에서는 오랜만에 SwiftUI로 뚝닥뚝닥 해보는 시간입니다🙋🏻 뭘 뚝닥뚝닥 해볼지 고민하다가 그냥 밑도 끝도 없이 캘린더를 간단하게 직접 만들어보고 green1229.tistory.com 이번에는 일반적인 달력 형태보다 약간 아래와 같은 요런 가로 느낌의 캘린더를 직접 커스텀하게 그리고 간단하게🔥 만들어보려구..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 오랜만에 SwiftUI로 뚝닥뚝닥 해보는 시간입니다🙋🏻 뭘 뚝닥뚝닥 해볼지 고민하다가 그냥 밑도 끝도 없이 캘린더를 간단하게 직접 만들어보고 싶어졌습니다! 그래서 캘린더를 커스텀하게 SwiftUI로 구현하는 포스팅이 될것 같네요🕺🏻 기본적으로 제공되는 DatePicker 우선 SwiftUI에서 기본적으로 DatePicker라는 API를 제공해주고 아래와 같이 우리가 익숙한 캘린더의 형태를 나타낼 수 있게 아주 쉽게 도와줍니다. https://developer.apple.com/documentation/swiftui/datepicker DatePicker | Apple Developer Documentation A control for selecting an ab..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI에서 커스텀한 AVPlayer를 통해 동영상 플레이어 구축을 해보겠습니다🙌 우선 바닐라 SwiftUI 환경에서 구축을 진행하였습니다. VideoPlayer의 단점 iOS 14부터 SwiftUI에서 기본적으로 제공하는 VideoPlayer라는것이 있습니다. 물론 간단한 구현정도는 해당 API를 통해 구축할 수 있지만, 세부적인 조작이 필요한 경우 UIKit에서 제공하는 AVPlayer를 직접 커스텀하게 구성해야 됩니다🥹 그럼 이번 포스팅에서는 큰 설명보다는 코드로 같이 보겠습니다! 아참! 우선 해당 프로젝트 타겟에서 아래 설정을 켜줘야합니다. 🙋🏻 Signing & Capabilites > Background Modes > Audio, Airplay,..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 UIKit과 SwiftUI에서 텍스트의 자간 및 행간을 설정하는 구현을 해보겠습니다🙌 우선 자간과 행간이 뭘까요? 자간은 글자와 글자 사이 간격을 뜻합니다. 즉 Letter Spacing이라고도 많이 표기하며 피그마나 제플린에서 해당 속성 값의 이름도 보통 Letter Spacing으로 표기됩니다. 행간은 줄높이라고도 하며 글자행 사이 간격을 뜻합니다. 타이포그래피에서 인접한 줄 사이의 공간을 의미하며 보통 Line Spacing이라고 명칭합니다. 우리는 Text, TextField, TextView를 자주 사용하면서 이 텍스트 간 자간과 행간을 조절할 일이 많아집니다. 해당 속성을 조절하여 보다 더 보기 좋은 UI를 만들고 사용자들에게 쉽게 인식되도록 해줄 수..