SwiftUI
-
SwiftUI로 캘린더 직접 구현하기 (3탄 - 보완된 캘린더)SwiftUI 2023. 6. 29. 17:44
안녕하세요. 그린입니다🍏 이번 포스팅에서는 이전에 SwiftUI로 커스텀 캘린더를 구현한적이 있습니다. https://green1229.tistory.com/362 SwiftUI로 캘린더 직접 구현하기 안녕하세요. 그린입니다🍏 이번 포스팅에서는 오랜만에 SwiftUI로 뚝닥뚝닥 해보는 시간입니다🙋🏻 뭘 뚝닥뚝닥 해볼지 고민하다가 그냥 밑도 끝도 없이 캘린더를 간단하게 직접 만들어보고 green1229.tistory.com 기본적인 구현의 포스팅이니 먼저 보고오셔도 좋습니다🙋🏻 여기서 발전시켜서 좀 더 부가적인 기능을 넣어 캘린더의 기능을 보완해봤습니다🏄🏻♂️ 어떤 기능들이 들어갔나요? 1️⃣ 현재 월 달력에서도 이전 이후 날짜가 보이면서 실제 클릭 등의 동작은 되지 않도록 추가 2️⃣ 이전 / 이후 달..
-
SwiftUI에서 Tooltip 구현하기SwiftUI 2023. 6. 22. 14:33
안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI에서 간단히 Tooltip을 직접그려보며 Shape를 다뤄볼까 합니다🙋🏻 ⚠️ 주의 - 아주 간단히 Shape를 다뤄보는것에 초점을 맞췄기에 간단할 수 있음! 우선 두가지가 필요합니다. 하나는 삼각형 모양의 Shape를 만드는것 그리고 하나는 툴팁 텍스트가 들어갈 라운드된 Rectangle 뷰를 만드는것! 먼저 삼각형 모양의 엣지를 가진 Shape를 만들어볼께요. Custom Triangle Shape private struct CustomTriangleShape: Shape { private var width: CGFloat private var height: CGFloat private var radius: CGFloat fileprivate i..
-
Beyond Scroll Views (feat. WWDC 2023)SwiftUI 2023. 6. 15. 11:05
안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI의 API를 사용해 스크롤 뷰를 더 잘 활용하는 방법을 보겠습니다🙋🏻 특히 이전과는 방식으로 다른 스크롤 뷰를 커스텀하게 정의하는걸 보려해요. 우리가 처리하는 많은 컨텐츠는 고정된 화면에 다 담을 수 없어 스크롤링을 많이 이용합니다. 이를 통해 화면에 많은것을 담을 수 있죠. SwiftUI는 스크롤을 앱에 통합할 수 있는 몇가지 다른 컴포넌트들을 제공합니다🙃 이번 포스팅에서는 그 중 하나인 ScrollView를 보겠습니다! ScrollView에 대한 간략 정리 스크롤 뷰는 컨텐츠를 스크롤할 수 있는 building block입니다. 스크롤 뷰는 스크롤 방향을 설정하고 내부 컨텐츠를 담아주죠. 해당 컨텐츠가 스크롤 뷰의 크기를 초과하면 해당 컨텐츠 중..
-
Explore SwiftUI Animation (WWDC 2023)SwiftUI 2023. 6. 8. 21:42
안녕하세요. 그린입니다🍏 드디어 이번 WWDC 2023에서 소개한 SwiftUI 애니메이션 부분의 마지막 섹션을 볼 차례입니다 🙌 이번 주제는 SwiftUI의 애니메이션 기능을 살펴보고 어떻게 동작해 인상적인 시각 효과를 생성하는지 알아보겠습니다. 또한, SwiftUI가 뷰의 렌더링을 업데이트하고 무엇을 애니메이션할지 결정하고 시간에 따라 값을 보간하면서 현재 트랜잭션에 대한 컨텍스트를 전파하는 방법을 같이 살펴보죠! 애플에서는 앱에 애니메이션을 추가하는 것을 아주 간단하게 만드는것이 SwiftUI 개발을 시작할 때 핵심 동기중 하나였다고 합니다. Anatomy of an update SwiftUI가 뷰의 렌더링을 업데이트하는 방법을 알아보죠. 위 코드처럼 이미지가 탭이 되면 스케일 즉, 크기가 변하는 ..
-
Advanced animations in SwiftUI (feat. WWDC 2023)SwiftUI 2023. 6. 8. 16:18
안녕하세요. 그린입니다🍏 이번 포스팅에서는 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..
-
Discover Observation in SwiftUI (feat. WWDC 2023)SwiftUI 2023. 6. 8. 10:35
안녕하세요. 그린입니다🍏 이번 포스팅에서는 이번 WWDC 2023에서 소개된 SwiftUI에서 데이터 플로우 변화를 가져가면서 새로 생긴 매크로와 기존 데이터 바인딩 등 방식의 변화들을 다뤄볼까해요🙋🏻 충분히 SwiftUI 데이터 모델이 Observation을 통해 간소화 되었고 매크로가 또 모델을 단순화하고 앱 성능을 개선해줍니다. 자 그럼 얼마나 더 편리해졌고 유용해졌는지 같이 살펴보시죠🕺🏻 What is Observation? 새로 나온 Observation은 과연 무엇일까요? Observation은 프로퍼티의 변경 사항을 추적하기 위한 새로운 Swift 기능입니다. 매크로의 대단한 기능을 통해 이뤄지죠. 우리가 평소 꾸리는 모델에 @Observable을 추가하는 것만으로 UI가 데이터 모델의 변경..
-
What's new in SwiftUI (feat. WWDC 2023)SwiftUI 2023. 6. 7. 12:14
안녕하세요. 그린입니다🍏 이번 포스팅에서는 WWDC 2023에서 소개된 SwiftUI의 새로운 기능 및 개선된 사항들을 학습해보겠습니다🙋🏻 들어가기 앞서 작년 WWDC 2022에서 SwiftUI4가 소개되면서 정말 많은 발전이 있었죠!? 차트나 네비게이션 방식의 전체적인 변화 등 실제적으로 체감되는 변화들이 많았었습니다. 그런데 이번 SwiftUI의 소개를 보면 작년처럼 많은 변화와 체감되는 업데이트 항목들이 많았습니다😃 좀 더 편리하게 SwiftUI를 사용할 수 있고 오히려 처음 접하는 개발자들에게는 러닝커브도 조금 준듯 해보였죠. 점점 더 진화하는 SwiftUI를 보면서 편리하기도 하면서 위기감도 들더라구요ㅎㅎ 그럼 한번 어떤것들이 이번에는 소개되고 변화되었는지 바로 알아보시죠🕺🏻 SwiftUI in..
-
SwiftUI로 캘린더 직접 구현하기 (2탄 - 가로 캘린더 버전)SwiftUI 2023. 6. 5. 10:19
안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI로 커스텀하게 가로 캘린더를 구현해보는 포스팅을 해보겠습니다🙋🏻 이전 아래 포스팅에서 SwiftUI를 통해 기본적으로 제공해주는 DatePicker 대신 커스텀하게 일반적인 달력 형태의 캘린더를 구현해봤었는데요. https://green1229.tistory.com/362 SwiftUI로 캘린더 직접 구현하기 안녕하세요. 그린입니다🍏 이번 포스팅에서는 오랜만에 SwiftUI로 뚝닥뚝닥 해보는 시간입니다🙋🏻 뭘 뚝닥뚝닥 해볼지 고민하다가 그냥 밑도 끝도 없이 캘린더를 간단하게 직접 만들어보고 green1229.tistory.com 이번에는 일반적인 달력 형태보다 약간 아래와 같은 요런 가로 느낌의 캘린더를 직접 커스텀하게 그리고 간단하게🔥 만들어보려구..