iOYES iOYES

안녕하세요. 그린입니다 🍏 이번 포스팅에서는 실제로 겪을 수 있는 SwiftUI의 구현 과정에서 문제를 알아보고 대처해보려 합니다 🙋🏻 Sticky한 스크롤 뷰는 다들 한번쯤 들어보셨을것 같아요! 만약 Sticky한 뷰가 어떤건지 처음 들어보신다면 아래 포스팅을 먼저 보고 오시면 많은 도움이 됩니다ㅎㅎ https://green1229.tistory.com/302 SwiftUI - PinnedScrollableViews (a.k.a Sticky View) 안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI에서 PinnedScrollableViews라는것에 대해 알아보겠습니다🙌 이걸 알아보게 된 배경은 프로덕트의 기능을 구현하다 스크롤뷰로 감싸진 VStack에서 green1229.tistory.com ..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI로 커스텀한 탭뷰를 구현해보려 합니다🙌 SwiftUI에서 기본적으로 제공해주는 TabView 컴포넌트가 있지만 아예 완전 커스텀하게 탭뷰를 입맛대로 구성해볼 수 도 있습니다. 기본적인 탭뷰 API가 궁금하신분은 아래 포스팅을 보시면 도움이 될 수 있어요 😄 https://green1229.tistory.com/234 SwiftUI - TabView 안녕하세요. 그린입니다🟢 이번 포스팅에서는 SwiftUI 내에서 기본 애플에서 제공하는 TabView에 대해 알아보겠습니다🙌 주로 앱을 구성하다보면 하단에 홈 / 설정 등 메뉴로 갈 수 있는 TabBar에 대 green1229.tistory.com 자 이런 기본적으로 제공해주는 형태가 아닌 우리만의 커스텀..

안녕하세요. 그린입니다🍏 이번 포스팅에서는 이전에 SwiftUI로 커스텀 캘린더를 구현한적이 있습니다. https://green1229.tistory.com/362 SwiftUI로 캘린더 직접 구현하기 안녕하세요. 그린입니다🍏 이번 포스팅에서는 오랜만에 SwiftUI로 뚝닥뚝닥 해보는 시간입니다🙋🏻 뭘 뚝닥뚝닥 해볼지 고민하다가 그냥 밑도 끝도 없이 캘린더를 간단하게 직접 만들어보고 green1229.tistory.com 기본적인 구현의 포스팅이니 먼저 보고오셔도 좋습니다🙋🏻 여기서 발전시켜서 좀 더 부가적인 기능을 넣어 캘린더의 기능을 보완해봤습니다🏄🏻‍♂️ 어떤 기능들이 들어갔나요? 1️⃣ 현재 월 달력에서도 이전 이후 날짜가 보이면서 실제 클릭 등의 동작은 되지 않도록 추가 2️⃣ 이전 / 이후 달..

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

안녕하세요. 그린입니다🍏 이번 포스팅에서는 SwiftUI의 API를 사용해 스크롤 뷰를 더 잘 활용하는 방법을 보겠습니다🙋🏻 특히 이전과는 방식으로 다른 스크롤 뷰를 커스텀하게 정의하는걸 보려해요. 우리가 처리하는 많은 컨텐츠는 고정된 화면에 다 담을 수 없어 스크롤링을 많이 이용합니다. 이를 통해 화면에 많은것을 담을 수 있죠. SwiftUI는 스크롤을 앱에 통합할 수 있는 몇가지 다른 컴포넌트들을 제공합니다🙃 이번 포스팅에서는 그 중 하나인 ScrollView를 보겠습니다! ScrollView에 대한 간략 정리 스크롤 뷰는 컨텐츠를 스크롤할 수 있는 building block입니다. 스크롤 뷰는 스크롤 방향을 설정하고 내부 컨텐츠를 담아주죠. 해당 컨텐츠가 스크롤 뷰의 크기를 초과하면 해당 컨텐츠 중..

안녕하세요. 그린입니다🍏 드디어 이번 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가 데이터 모델의 변경..