SwiftUI
-
What's new in SwiftUI (feat. WWDC 2024)SwiftUI 2024. 7. 8. 18:12
안녕하세요. 그린입니다 🍏이번 포스팅부터는 조금씩 미뤄왔던 WWDC 2024 세션들을 다시 살펴보면서 관심있는 주제들에 대해 리캡을 해볼까 합니다 😃그 중에서 첫번째로 리캡해볼것은 SwiftUI입니다 🙋🏻이번 WWDC 2024에서 SwiftUI의 새로운것들은 어떤것들이 나왔는지 한번 살펴보겠습니다! 물론, 여기서는 딥하게 들어가는 느낌이 아닌 전반적으로 어떤것들이 생겨났는지 톺아보는것이고 그에 대해 더 딥한 주제들은 별도 세션으로 또 마련되어 있습니다. 즉, 저도 한번 간단히 톺아본 후 이후 포스팅들에서 하나씩 생겨난것들에 대해 딥한 세션을 정리해볼까해요 ☺️ 그럼 함축된것으로 알아보시죠 👀 What's new in SwiftUIFresh apps이제 SwiftUI를 통해 새로운 탭 뷰 그리고 ..
-
SwiftUI - symbolEffectSwiftUI 2024. 6. 25. 06:11
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 symbolEffect에 대해 알아보겠습니다 🙋🏻 symbolEffectsymbolEffect는 SF Symbol 즉, System Font Symbol의 스타일을 변경하고자할 때 사용하는 뷰 모디파이어 입니다.여기서 SF Symbol은 기본적으로 iOS에서 제공되는 시스템 아이콘이라고 보시면 됩니다 😃 해당 뷰 모디파이어는 iOS 17.0 이상에서 사용할 수 있으며, 정의는 아래와 같습니다. nonisolatedfunc symbolEffect( _ effect: T, options: SymbolEffectOptions = .default, value: U) -> some View where T : DiscreteSymbo..
-
SwiftUI - ContentUnavailableViewSwiftUI 2024. 6. 21. 07:30
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 ContentUnavailableView에 대해 알아보겠습니다 🙋🏻 ContentUnavailableView?해당 뷰 구조체는 사용자가 앱 콘텐츠를 사용할 수 없을때 표시되는 레이블과 추가 콘텐츠로 구성된 인터페이스입니다.즉, 데이터가 없을때 없다고 보여주는 뷰인데 이걸 직접 SwiftUI에서 쓰기 쉽게 제공해주는 역할을 하죠.다만, 어느정도 틀 규격이 있어서 완전히 다른 뷰를 보여주려면 직접 만들어야 합니다 🥲 그래도 한번 알아보시죠! 해당 인터페이스는 iOS 17에서 나와서 17 이상부터 사용할 수 있고, 정의는 이렇습니다. @MainActor @preconcurrencystruct ContentUnavailableView where ..
-
PhotosPicker 사용하기SwiftUI 2024. 6. 13. 19:43
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 PhotosPicker를 사용하여 사진 라이브러리에서 사진을 가져오는것을 학습해보겠습니다 🙋🏻 iOS 16.0 이전 기존에는 SwiftUI에서 PhotosPicker 같은 편리한 뷰 컴포넌트가 존재하지 않았기에 PHPhotoLibrary를 이용해 사용하곤 했습니다.그런데 이제 PhotosPicker을 통해 쉽게 SwiftUI스럽게 만들어볼 수 가 있게 되었어요. 그럼 바로 알아볼까요? PhotosPicker해당 컴포넌트는 사진 라이브러리 즉, 디바이스의 앨범에서 에셋을 선택하기 위해 Photo Picker를 띄우는 뷰 컴포넌트입니다.쉽게 말해, 앨범을 띄우는 기능을 가진 뷰라고 보시면 될것 같아요 🙋🏻 아쉽지만, 위에서도 한번 말했듯 해..
-
SwiftUI에서 Search Interface 추가하기SwiftUI 2024. 5. 17. 18:13
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 제공되는 메서드를 이용해 Search Interface를 추가하는 학습을 해보겠습니다 🙋🏻 우선 기본적으로 서치바를 구성하고 이 기능을 제공해보는거라고 보면 됩니다! 그럼 바로 한번 알아볼까요? Search Interface?앱에서 컨텐츠를 검색하는데 사용할 수 있는 서치 인터페이스를 SwiftUI에서 제공해줍니다.SwiftUI에선 searchable이라는 뷰 모디파이어를 제공해줍니다.간단히 이 뷰 모디파이어를 적용하여 아래와 같은 서치 인터페이스를 추가할 수 있습니다 😃 물론 이 searchable이라는 뷰 모디파이어의 이니셜라이저가 다양히 많아 적절한것을 적용시켜야 하죠.보통은 기본적인 searchable 메서드는 iOS 15 이상..
-
SwiftUI - TableSwiftUI 2024. 5. 13. 18:57
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 Table 컴포넌트에 대해 학습해보겠습니다 🙋🏻 우선 SwiftUI에서 테이블 형식으로 뷰를 그리는것에는 다양한 방법이 있죠.List나 Stack을 이용해 더욱 더 커스텀하게 개발을 할 수도 있어요. 오늘 같이 알아볼 이 Table도 당연하게 모두 컴포넌트를 목록 형태로 나타낼때 사용하는 컴포넌트입니다.여태까지는 주로 List를 통해 목록을 구현해왔다면, Table이라는것도 있다는걸 소개해보는 시간이에요ㅎㅎ 그럼 한번 Table 알아볼까요? Table우선 List는 SwiftUI가 나온 시점인 iOS 13 이상부터 사용이 가능하지만, Table은 iOS 16에서 나온 비교적 얼마 되지 않은 컴포넌트입니다.즉, List로 일일히 컴포넌트들을 ..
-
SwiftUI - transformEnvironmentSwiftUI 2024. 5. 9. 19:00
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 transformEnvironment에 대해 학습해보겠습니다 🙋🏻 우선 저는 사실 이 개념에 대해 사용해본적이 없어서 몰랐었긴해요!그런데, WWDC를 통해 SwiftUI의 기초 영상부터 스터디 도중 아래와 같이 처음보는 메서드가 보였습니다! transformEnvironment? 이게 뭐지..?해당 WWDC 영상은 2021년에 공개된 "Demystify SwiftUI"라는 영상으로 후반부에 구조적인 식별자에 대해 설명하며 나옵니다. 느낌상 전역적인 환경변수인 Environment 같은거인거 같은데 처음 접했기에 한번 이렇게 학습하며 기록해보게 되었어요 😃 인트로가 너무 길었는데, 그럼 바로 알아보시죠 🏃🏻 transformEnviro..
-
SwiftUI에서 스크롤 뷰 내 컨텐츠 속도 제어하기SwiftUI 2024. 5. 2. 18:27
안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 스크롤 뷰 내 컨텐츠 속도를 상이하게 제어하는 방법에 대해 구현해보겠습니다 🙋🏻 먼저, 이와 관련하여 이전에 아래 포스팅에서 ScrollOffset을 감지하여 컨텐츠 별 상이한 스크롤 속도를 가지는것처럼 보이도록 offset을 조정하는 방법에 대해 알아본적이 있어요! SwiftUI에서 ScrollOffset을 감지하는 ScrollView 구현하기안녕하세요. 그린입니다 🍏 이번 포스팅에서는 SwiftUI로 커스텀한 ScrollOffset 값을 감지하여 사용하는 ScrollView 구현을 해보겠습니다 🙋🏻 우선 SwiftUI에서 기본적인 ScrollView 컴포넌트만으로는 스green1229.tistory.com 이번 포스팅은 해당 이전..