iOYES iOYES

안녕하세요. 그린입니다 🍏이번 포스팅에서는 WWDC 2024에서 말아주는 Demystify SwiftUI containers 세션에 대해 같이 볼까 합니다 🙋🏻 세션 타이틀부터 느껴지는게 SwiftUI 컨테이너 뷰에 대해 알아보면서 어떻게 뷰들이 컨테이너에 의해 관리되는지 우리에게 설명해줄것 같아요 😃 그럼 바로 들어가볼까요? 🏃🏻 Demystify SwiftUI containersSwiftUI는 API에서 리스트 컨테이너와 같이 모든 기능을 갖춘 다양한 종류의 컨테이너를 제공합니다.  이렇게 컨테이너 뷰는 컨텐츠를 래핑하기 위해서 후행 뷰 빌더 클로즈를 사용합니다.뷰 빌더를 사용하면 하드 코딩된 텍스트 뷰들의 리스트처럼 콘텐츠를 정적으로 정의할 수 있죠! 또한, ForEach를 이용하여 동적..

안녕하세요. 그린입니다 🍏이번 포스팅부터는 조금씩 미뤄왔던 WWDC 2024 세션들을 다시 살펴보면서 관심있는 주제들에 대해 리캡을 해볼까 합니다 😃그 중에서 첫번째로 리캡해볼것은 SwiftUI입니다 🙋🏻이번 WWDC 2024에서 SwiftUI의 새로운것들은 어떤것들이 나왔는지 한번 살펴보겠습니다! 물론, 여기서는 딥하게 들어가는 느낌이 아닌 전반적으로 어떤것들이 생겨났는지 톺아보는것이고 그에 대해 더 딥한 주제들은 별도 세션으로 또 마련되어 있습니다. 즉, 저도 한번 간단히 톺아본 후 이후 포스팅들에서 하나씩 생겨난것들에 대해 딥한 세션을 정리해볼까해요 ☺️ 그럼 함축된것으로 알아보시죠 👀 What's new in SwiftUIFresh apps이제 SwiftUI를 통해 새로운 탭 뷰 그리고 ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 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의 ContentUnavailableView에 대해 알아보겠습니다 🙋🏻 ContentUnavailableView?해당 뷰 구조체는 사용자가 앱 콘텐츠를 사용할 수 없을때 표시되는 레이블과 추가 콘텐츠로 구성된 인터페이스입니다.즉, 데이터가 없을때 없다고 보여주는 뷰인데 이걸 직접 SwiftUI에서 쓰기 쉽게 제공해주는 역할을 하죠.다만, 어느정도 틀 규격이 있어서 완전히 다른 뷰를 보여주려면 직접 만들어야 합니다 🥲 그래도 한번 알아보시죠! 해당 인터페이스는 iOS 17에서 나와서 17 이상부터 사용할 수 있고, 정의는 이렇습니다. @MainActor @preconcurrencystruct ContentUnavailableView where ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 PhotosPicker를 사용하여 사진 라이브러리에서 사진을 가져오는것을 학습해보겠습니다 🙋🏻 iOS 16.0 이전 기존에는 SwiftUI에서 PhotosPicker 같은 편리한 뷰 컴포넌트가 존재하지 않았기에 PHPhotoLibrary를 이용해 사용하곤 했습니다.그런데 이제 PhotosPicker을 통해 쉽게 SwiftUI스럽게 만들어볼 수 가 있게 되었어요. 그럼 바로 알아볼까요? PhotosPicker해당 컴포넌트는 사진 라이브러리 즉, 디바이스의 앨범에서 에셋을 선택하기 위해 Photo Picker를 띄우는 뷰 컴포넌트입니다.쉽게 말해, 앨범을 띄우는 기능을 가진 뷰라고 보시면 될것 같아요 🙋🏻 아쉽지만, 위에서도 한번 말했듯 해..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI에서 제공되는 메서드를 이용해 Search Interface를 추가하는 학습을 해보겠습니다 🙋🏻 우선 기본적으로 서치바를 구성하고 이 기능을 제공해보는거라고 보면 됩니다! 그럼 바로 한번 알아볼까요? Search Interface?앱에서 컨텐츠를 검색하는데 사용할 수 있는 서치 인터페이스를 SwiftUI에서 제공해줍니다.SwiftUI에선 searchable이라는 뷰 모디파이어를 제공해줍니다.간단히 이 뷰 모디파이어를 적용하여 아래와 같은 서치 인터페이스를 추가할 수 있습니다 😃  물론 이 searchable이라는 뷰 모디파이어의 이니셜라이저가 다양히 많아 적절한것을 적용시켜야 하죠.보통은 기본적인 searchable 메서드는 iOS 15 이상..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 Table 컴포넌트에 대해 학습해보겠습니다 🙋🏻 우선 SwiftUI에서 테이블 형식으로 뷰를 그리는것에는 다양한 방법이 있죠.List나 Stack을 이용해 더욱 더 커스텀하게 개발을 할 수도 있어요. 오늘 같이 알아볼 이 Table도 당연하게 모두 컴포넌트를 목록 형태로 나타낼때 사용하는 컴포넌트입니다.여태까지는 주로 List를 통해 목록을 구현해왔다면, Table이라는것도 있다는걸 소개해보는 시간이에요ㅎㅎ 그럼 한번 Table 알아볼까요? Table우선 List는 SwiftUI가 나온 시점인 iOS 13 이상부터 사용이 가능하지만, Table은 iOS 16에서 나온 비교적 얼마 되지 않은 컴포넌트입니다.즉, List로 일일히 컴포넌트들을 ..

안녕하세요. 그린입니다 🍏이번 포스팅에서는 SwiftUI의 transformEnvironment에 대해 학습해보겠습니다 🙋🏻 우선 저는 사실 이 개념에 대해 사용해본적이 없어서 몰랐었긴해요!그런데, WWDC를 통해 SwiftUI의 기초 영상부터 스터디 도중 아래와 같이 처음보는 메서드가 보였습니다!  transformEnvironment? 이게 뭐지..?해당 WWDC 영상은 2021년에 공개된 "Demystify SwiftUI"라는 영상으로 후반부에 구조적인 식별자에 대해 설명하며 나옵니다. 느낌상 전역적인 환경변수인 Environment 같은거인거 같은데 처음 접했기에 한번 이렇게 학습하며 기록해보게 되었어요 😃 인트로가 너무 길었는데, 그럼 바로 알아보시죠 🏃🏻 transformEnviro..